diff --git a/src/components/tabs/tabs.ios.scss b/src/components/tabs/tabs.ios.scss index b93f461a504..df49e7f2f40 100644 --- a/src/components/tabs/tabs.ios.scss +++ b/src/components/tabs/tabs.ios.scss @@ -4,31 +4,31 @@ // iOS Tabs // -------------------------------------------------- -/// @prop Border on the tabbar (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) +/// @prop - Border on the tabbar (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) $tabs-ios-border: 1px solid $toolbar-ios-border-color !default; -/// @prop Background color of the tabbar +/// @prop - Background color of the tabbar $tabs-ios-background: $toolbar-ios-background !default; -/// @prop Padding on the tab button +/// @prop - Padding on the tab button $tabs-ios-tab-padding: 0 2px !default; -/// @prop Max width of the tab button +/// @prop - Max width of the tab button $tabs-ios-tab-max-width: 240px !default; -/// @prop Min height of the tab button +/// @prop - Min height of the tab button $tabs-ios-tab-min-height: 49px !default; -/// @prop Text color of the inactive tab button +/// @prop - Text color of the inactive tab button $tabs-ios-tab-color: $toolbar-ios-inactive-color !default; -/// @prop Text color of the active tab button +/// @prop - Text color of the active tab button $tabs-ios-tab-color-active: $toolbar-ios-active-color !default; -/// @prop Font size of the tab button text +/// @prop - Font size of the tab button text $tabs-ios-tab-font-size: 10px !default; -/// @prop Size of the tab button icon +/// @prop - Size of the tab button icon $tabs-ios-tab-icon-size: 30px !default; diff --git a/src/components/tabs/tabs.md.scss b/src/components/tabs/tabs.md.scss index 2550557663a..18a23758465 100644 --- a/src/components/tabs/tabs.md.scss +++ b/src/components/tabs/tabs.md.scss @@ -4,58 +4,58 @@ // Material Design Tabs // -------------------------------------------------- -/// @prop Background color of the tabbar +/// @prop - Background color of the tabbar $tabs-md-background: $toolbar-md-background !default; -/// @prop Padding on the tab button +/// @prop - Padding on the tab button $tabs-md-tab-padding: 8px 0 10px 0 !default; -/// @prop Min height of the tab button +/// @prop - Min height of the tab button $tabs-md-tab-min-height: 5.6rem !default; -/// @prop Font size of the inactive tab button text +/// @prop - Font size of the inactive tab button text $tabs-md-tab-font-size: 1.2rem !default; -/// @prop Font weight of the tab button text +/// @prop - Font weight of the tab button text $tabs-md-tab-font-weight: normal !default; -/// @prop Opacity of the inactive tab button +/// @prop - Opacity of the inactive tab button $tabs-md-tab-opacity: .7 !default; -/// @prop Text color of the inactive tab button +/// @prop - Text color of the inactive tab button $tabs-md-tab-color: rgba($toolbar-md-inactive-color, $tabs-md-tab-opacity) !default; -/// @prop Padding of the active tab button +/// @prop - Padding of the active tab button $tabs-md-tab-padding-active: 6px 0 10px 0 !default; -/// @prop Font size of the active tab button text +/// @prop - Font size of the active tab button text $tabs-md-tab-font-size-active: 1.4rem !default; -/// @prop Text color of the active tab button +/// @prop - Text color of the active tab button $tabs-md-tab-color-active: $toolbar-md-active-color !default; -/// @prop Margin on the tab button text +/// @prop - Margin on the tab button text $tabs-md-tab-text-margin: 6px 0 !default; -/// @prop Capitalization of the tab button text +/// @prop - Capitalization of the tab button text $tabs-md-tab-text-capitalization: none !default; -/// @prop Transform for the tab button text +/// @prop - Transform for the tab button text $tabs-md-tab-text-transform: scale(.85) !default; -/// @prop Transform origin for the tab button text +/// @prop - Transform origin for the tab button text $tabs-md-tab-text-transform-origin: bottom center !default; -/// @prop Margin on the active tab button text +/// @prop - Margin on the active tab button text $tabs-md-tab-text-margin-active: 7px 0 !default; -/// @prop Transform for the active tab button text +/// @prop - Transform for the active tab button text $tabs-md-tab-text-transform-active: scale(1) !default; -/// @prop Text transition for the tab button text +/// @prop - Text transition for the tab button text $tabs-md-tab-text-transition: transform 200ms ease-in-out !default; -/// @prop Size of the tab button icon +/// @prop - Size of the tab button icon $tabs-md-tab-icon-size: 2.4rem !default; diff --git a/src/components/tabs/tabs.wp.scss b/src/components/tabs/tabs.wp.scss index d755087cff5..8c66b6e90e9 100644 --- a/src/components/tabs/tabs.wp.scss +++ b/src/components/tabs/tabs.wp.scss @@ -4,40 +4,40 @@ // Windows Tabs // -------------------------------------------------- -/// @prop Background color of the tabbar +/// @prop - Background color of the tabbar $tabs-wp-background: $toolbar-wp-background !default; -/// @prop Padding on the tab button +/// @prop - Padding on the tab button $tabs-wp-tab-padding: 12px 10px 5px 10px !default; -/// @prop Min height of the tab button +/// @prop - Min height of the tab button $tabs-wp-tab-min-height: 4.8rem !default; -/// @prop Font size of the tab button text +/// @prop - Font size of the tab button text $tabs-wp-tab-font-size: 1.2rem !default; -/// @prop Font weight of the tab button text +/// @prop - Font weight of the tab button text $tabs-wp-tab-font-weight: normal !default; -/// @prop Opacity of the inactive tab button +/// @prop - Opacity of the inactive tab button $tabs-wp-tab-opacity: .7 !default; -/// @prop Text color of the inactive tab button +/// @prop - Text color of the inactive tab button $tabs-wp-tab-color: rgba($toolbar-wp-inactive-color, $tabs-wp-tab-opacity) !default; -/// @prop Text color of the active tab button +/// @prop - Text color of the active tab button $tabs-wp-tab-color-active: $toolbar-wp-active-color !default; -/// @prop Border on the inactive tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) +/// @prop - Border on the inactive tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) $tabs-wp-tab-border: 2px solid transparent !default; -/// @prop Border color on the active tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) +/// @prop - Border color on the active tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top]) $tabs-wp-tab-border-color-active: $tabs-wp-tab-color-active !default; -/// @prop Background of the tab button when pressed +/// @prop - Background of the tab button when pressed $tabs-wp-tab-background-activated: rgba(0, 0, 0, .1) !default; -/// @prop Size of the tab button icon +/// @prop - Size of the tab button icon $tabs-wp-tab-icon-size: 2.4rem !default;