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

chore(sass): update sass to match linter config

Browse Source 
references #5797
This commit is contained in:
Brandy Carney
2016-03-10 22:41:56 -05:00
parent de6cd2f68c
commit f7b52eeee1
113 changed files with 1235 additions and 1172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
ionic/components/segment/segment.ios.scss
View File

@ -4,19 +4,19 @@
// iOS Segment
// --------------------------------------------------
$segment-button-ios-background-color: transparent !default;
$segment-button-ios-background-color-activated: $toolbar-ios-active-color !default;
$segment-button-ios-background-color: transparent !default;
$segment-button-ios-background-color-activated: $toolbar-ios-active-color !default;
$segment-button-ios-text-color: color-inverse($segment-button-ios-background-color-activated) !default;
$segment-button-ios-activated-transition: 100ms all linear !default;
$segment-button-ios-hover-transition: 100ms all linear !default;
$segment-button-ios-active-transition: 100ms all linear !default;
$segment-button-ios-hover-opacity: 0.1 !default;
$segment-button-ios-active-opacity: 0.16 !default;
$segment-button-ios-hover-opacity: .1 !default;
$segment-button-ios-active-opacity: .16 !default;
$segment-button-ios-border-width: 1px !default;
$segment-button-ios-height: 3.2rem !default;
$segment-button-ios-line-height: 3.0rem !default;
$segment-button-ios-line-height: 3rem !default;
$segment-button-ios-font-size: 1.3rem !default;
$segment-button-ios-border-radius: 4px !default;
$segment-button-ios-icon-size: 2.6rem !default;
@ -31,29 +31,29 @@ $segment-button-ios-toolbar-icon-line-height: 2.4rem !default;
.segment-button {
height: $segment-button-ios-height;
line-height: $segment-button-ios-line-height;
font-size: $segment-button-ios-font-size;
flex: 1;
width: 0;
height: $segment-button-ios-height;
border-width: $segment-button-ios-border-width;
border-style: solid;
border-color: $segment-button-ios-background-color-activated;
font-size: $segment-button-ios-font-size;
line-height: $segment-button-ios-line-height;
color: $segment-button-ios-background-color-activated;
background-color: $segment-button-ios-background-color;
flex: 1;
width: 0;
ion-icon {
font-size: $segment-button-ios-icon-size;
line-height: $segment-button-ios-icon-line-height;
}
&.segment-activated {
opacity: 1;
color: $segment-button-ios-text-color;
background-color: $segment-button-ios-background-color-activated;
opacity: 1;
transition: $segment-button-ios-activated-transition;
}
@ -68,8 +68,8 @@ $segment-button-ios-toolbar-icon-line-height: 2.4rem !default;
}
&:first-of-type {
border-radius: $segment-button-ios-border-radius 0 0 $segment-button-ios-border-radius;
margin-right: 0;
border-radius: $segment-button-ios-border-radius 0 0 $segment-button-ios-border-radius;
}
&:not(:first-of-type) {
@ -77,9 +77,9 @@ $segment-button-ios-toolbar-icon-line-height: 2.4rem !default;
}
&:last-of-type {
margin-left: 0;
border-left-width: 0;
border-radius: 0 $segment-button-ios-border-radius $segment-button-ios-border-radius 0;
margin-left: 0;
}
}
@ -87,17 +87,17 @@ $segment-button-ios-toolbar-icon-line-height: 2.4rem !default;
ion-segment {
position: absolute;
left: 0;
right: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.segment-button {
max-width: $segment-button-ios-toolbar-button-max-width;
height: $segment-button-ios-toolbar-button-height;
line-height: $segment-button-ios-toolbar-line-height;
font-size: $segment-button-ios-toolbar-font-size;
line-height: $segment-button-ios-toolbar-line-height;
ion-icon {
font-size: $segment-button-ios-toolbar-icon-size;