Skip to content

Commit

Permalink
docs(sass): brian lied to me, update sass syntax
Browse files Browse the repository at this point in the history 
references ionic-team/ionic-site#613
  • Loading branch information
@brandyscarney
brandyscarney committed Aug 3, 2016
1 parent 7a2ad99 commit 15d69c2
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 39 deletions.
18 changes: 9 additions & 9 deletions src/components/tabs/tabs.ios.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;


Expand Down
36 changes: 18 additions & 18 deletions src/components/tabs/tabs.md.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;


Expand Down
24 changes: 12 additions & 12 deletions src/components/tabs/tabs.wp.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;


Expand Down

0 comments on commit 15d69c2

Please sign in to comment.