javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(list): add descriptions of sass variables

Browse Source
This commit is contained in:
John Luke
2016-10-29 19:52:22 -03:00
parent 2003ae48d5
commit bfce58ecae
3 changed files with 69 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/list/list.ios.scss
View File

@ -3,22 +3,49 @@
// iOS List
// --------------------------------------------------
/// @prop - Margin top of the list
$list-ios-margin-top: 10px !default;
/// @prop - Margin right of the list
$list-ios-margin-right: 0 !default;
/// @prop - Margin bottom of the list
$list-ios-margin-bottom: 32px !default;
/// @prop - Margin left of the list
$list-ios-margin-left: 0 !default;
/// @prop - Margin top of the inset list
$list-inset-ios-margin-top: 16px !default;
/// @prop - Margin right of the inset list
$list-inset-ios-margin-right: 16px !default;
/// @prop - Margin bottom of the inset list
$list-inset-ios-margin-bottom: 16px !default;
/// @prop - Margin left of the inset list
$list-inset-ios-margin-left: 16px !default;
/// @prop - Border radius of the inset list
$list-inset-ios-border-radius: 4px !default;
/// @prop - Padding left of the header in a list
$list-ios-header-padding-left: $item-ios-padding-left !default;
/// @prop - Font size of the header in a list
$list-ios-header-font-size: 1.2rem !default;
/// @prop - Font weight of the header in a list
$list-ios-header-font-weight: 500 !default;
/// @prop - Letter spacing of the header in a list
$list-ios-header-letter-spacing: .1rem !default;
/// @prop - Text color of the header in a list
$list-ios-header-color: #333 !default;
/// @prop - Background color of the header in a list
$list-ios-header-background-color: transparent !default;

21
src/components/list/list.md.scss
View File

@ -3,19 +3,40 @@
// Material Design List
// --------------------------------------------------
/// @prop - Margin top of the list
$list-md-margin-top: 16px !default;
/// @prop - Margin right of the list
$list-md-margin-right: 0 !default;
/// @prop - Margin bottom of the list
$list-md-margin-bottom: 16px !default;
/// @prop - Margin left of the list
$list-md-margin-left: 0 !default;
/// @prop - Margin top of the inset list
$list-inset-md-margin-top: 16px !default;
/// @prop - Margin right of the inset list
$list-inset-md-margin-right: 16px !default;
/// @prop - Margin bottom of the inset list
$list-inset-md-margin-bottom: 16px !default;
/// @prop - Margin left of the inset list
$list-inset-md-margin-left: 16px !default;
/// @prop - Border radius of the inset list
$list-inset-md-border-radius: 2px !default;
/// @prop - Padding left of the header in a list
$list-md-header-padding-left: $item-md-padding-left !default;
/// @prop - Font size of the header in a list
$list-md-header-font-size: 1.4rem !default;
/// @prop - Text color of the header in a list
$list-md-header-color: #858585 !default;

21
src/components/list/list.wp.scss
View File

@ -3,19 +3,40 @@
// Windows List
// --------------------------------------------------
/// @prop - Margin top of the list
$list-wp-margin-top: 16px !default;
/// @prop - Margin right of the list
$list-wp-margin-right: 0 !default;
/// @prop - Margin bottom of the list
$list-wp-margin-bottom: 16px !default;
/// @prop - Margin left of the list
$list-wp-margin-left: 0 !default;
/// @prop - Margin top of the inset list
$list-inset-wp-margin-top: 16px !default;
/// @prop - Margin right of the inset list
$list-inset-wp-margin-right: 16px !default;
/// @prop - Margin bottom of the inset list
$list-inset-wp-margin-bottom: 16px !default;
/// @prop - Margin left of the inset list
$list-inset-wp-margin-left: 16px !default;
/// @prop - Border radius of the inset list
$list-inset-wp-border-radius: 2px !default;
/// @prop - Padding left of the header in a list
$list-wp-header-padding-left: $item-wp-padding-left !default;
/// @prop - Font size of the header in a list
$list-wp-header-font-size: 2rem !default;
/// @prop - Text color of the header in a list
$list-wp-header-color: $list-wp-text-color !default;