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

docs(sass): add the correct documentation syntax for the sass vars

Browse Source 
references driftyco/ionic-site#613
This commit is contained in:
Brandy Carney
2016-08-03 17:07:44 -04:00
parent 89f4f8408c
commit b7c45482c6
3 changed files with 39 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/tabs/tabs.ios.scss
View File

@ -4,31 +4,31 @@
// iOS Tabs
// --------------------------------------------------
// 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;
// Background color of the tabbar
/// @prop Background color of the tabbar
$tabs-ios-background: $toolbar-ios-background !default;
// Padding on the tab button
/// @prop Padding on the tab button
$tabs-ios-tab-padding: 0 2px !default;
// Max width of the tab button
/// @prop Max width of the tab button
$tabs-ios-tab-max-width: 240px !default;
// Min height of the tab button
/// @prop Min height of the tab button
$tabs-ios-tab-min-height: 49px !default;
// Text color of the inactive tab button
/// @prop Text color of the inactive tab button
$tabs-ios-tab-color: $toolbar-ios-inactive-color !default;
// 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;
// Font size of the tab button text
/// @prop Font size of the tab button text
$tabs-ios-tab-font-size: 10px !default;
// Size of the tab button icon
/// @prop Size of the tab button icon
$tabs-ios-tab-icon-size: 30px !default;

36
src/components/tabs/tabs.md.scss
View File

@ -4,58 +4,58 @@
// Material Design Tabs
// --------------------------------------------------
// Background color of the tabbar
/// @prop Background color of the tabbar
$tabs-md-background: $toolbar-md-background !default;
// Padding on the tab button
/// @prop Padding on the tab button
$tabs-md-tab-padding: 8px 0 10px 0 !default;
// Min height of the tab button
/// @prop Min height of the tab button
$tabs-md-tab-min-height: 5.6rem !default;
// 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;
// Font weight of the tab button text
/// @prop Font weight of the tab button text
$tabs-md-tab-font-weight: normal !default;
// Opacity of the inactive tab button
/// @prop Opacity of the inactive tab button
$tabs-md-tab-opacity: .7 !default;
// 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;
// Padding of the active tab button
/// @prop Padding of the active tab button
$tabs-md-tab-padding-active: 6px 0 10px 0 !default;
// 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;
// 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;
// Margin on the tab button text
/// @prop Margin on the tab button text
$tabs-md-tab-text-margin: 6px 0 !default;
// Capitalization of the tab button text
/// @prop Capitalization of the tab button text
$tabs-md-tab-text-capitalization: none !default;
// Transform for the tab button text
/// @prop Transform for the tab button text
$tabs-md-tab-text-transform: scale(.85) !default;
// Transform origin for the tab button text
/// @prop Transform origin for the tab button text
$tabs-md-tab-text-transform-origin: bottom center !default;
// Margin on the active tab button text
/// @prop Margin on the active tab button text
$tabs-md-tab-text-margin-active: 7px 0 !default;
// Transform for the active tab button text
/// @prop Transform for the active tab button text
$tabs-md-tab-text-transform-active: scale(1) !default;
// 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;
// Size of the tab button icon
/// @prop Size of the tab button icon
$tabs-md-tab-icon-size: 2.4rem !default;

24
src/components/tabs/tabs.wp.scss
View File

@ -4,40 +4,40 @@
// Windows Tabs
// --------------------------------------------------
// Background color of the tabbar
/// @prop Background color of the tabbar
$tabs-wp-background: $toolbar-wp-background !default;
// Padding on the tab button
/// @prop Padding on the tab button
$tabs-wp-tab-padding: 12px 10px 5px 10px !default;
// Min height of the tab button
/// @prop Min height of the tab button
$tabs-wp-tab-min-height: 4.8rem !default;
// Font size of the tab button text
/// @prop Font size of the tab button text
$tabs-wp-tab-font-size: 1.2rem !default;
// Font weight of the tab button text
/// @prop Font weight of the tab button text
$tabs-wp-tab-font-weight: normal !default;
// Opacity of the inactive tab button
/// @prop Opacity of the inactive tab button
$tabs-wp-tab-opacity: .7 !default;
// 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;
// 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;
// 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;
// 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;
// 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;
// Size of the tab button icon
/// @prop Size of the tab button icon
$tabs-wp-tab-icon-size: 2.4rem !default;