diff --git a/src/components/list/list.ios.scss b/src/components/list/list.ios.scss index b5327b76af..9bc273d2da 100644 --- a/src/components/list/list.ios.scss +++ b/src/components/list/list.ios.scss @@ -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; diff --git a/src/components/list/list.md.scss b/src/components/list/list.md.scss index bd44e9ccad..5b780cb61a 100644 --- a/src/components/list/list.md.scss +++ b/src/components/list/list.md.scss @@ -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; diff --git a/src/components/list/list.wp.scss b/src/components/list/list.wp.scss index 4f5847819d..66e20768cd 100644 --- a/src/components/list/list.wp.scss +++ b/src/components/list/list.wp.scss @@ -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;