javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +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

15
ionic/components/toggle/toggle.wp.scss
View File

@@ -26,7 +26,7 @@ $toggle-wp-handle-border-radius: 50% !default;
$toggle-wp-media-margin: 0 !default;
$toggle-wp-media-padding: 12px ($item-wp-padding-right / 2) 12px $item-wp-padding-left !default;
$toggle-wp-disabled-opacity: 0.3 !default;
$toggle-wp-disabled-opacity: .3 !default;
// Windows Toggle
@@ -45,11 +45,10 @@ ion-toggle {
display: block;
width: $toggle-wp-track-width;
height: $toggle-wp-track-height;
pointer-events: none;
border-radius: $toggle-wp-track-height;
background-color: $toggle-wp-track-background-color-off;
border: $toggle-wp-track-border-width solid $toggle-wp-track-border-color-off;
border-radius: $toggle-wp-track-height;
background-color: $toggle-wp-track-background-color-off;
pointer-events: none;
}
@@ -73,8 +72,8 @@ ion-toggle {
// -----------------------------------------
.toggle-checked {
background-color: $toggle-wp-track-background-color-on;
border-color: $toggle-wp-track-background-color-on;
background-color: $toggle-wp-track-background-color-on;
}
@@ -84,7 +83,7 @@ ion-toggle {
.toggle-checked .toggle-inner {
background-color: $toggle-wp-handle-background-color-on;
// transform: translate3d(23px, 0, 0);
transform: translate3d($toggle-wp-track-width - $toggle-wp-handle-width - ( $toggle-wp-track-border-width * 2 ) - ( $toggle-wp-handle-left * 2 ), 0, 0);
transform: translate3d($toggle-wp-track-width - $toggle-wp-handle-width - ($toggle-wp-track-border-width * 2) - ($toggle-wp-handle-left * 2), 0, 0);
}
@@ -124,8 +123,8 @@ ion-toggle {
ion-toggle[#{$color-name}] {
.toggle-checked {
background-color: $color-value;
border-color: $color-value;
background-color: $color-value;
}
.toggle-checked .toggle-inner {