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

27
ionic/components/toggle/toggle.ios.scss
View File

@@ -16,7 +16,7 @@ $toggle-ios-background-color-on: map-get($colors-ios, primary) !default;
$toggle-ios-handle-width: $toggle-ios-height - ($toggle-ios-border-width * 2) !default;
$toggle-ios-handle-height: $toggle-ios-handle-width !default;
$toggle-ios-handle-border-radius: $toggle-ios-handle-height / 2 !default;
$toggle-ios-handle-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1) !default;
$toggle-ios-handle-box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 1px rgba(0, 0, 0, .1) !default;
$toggle-ios-handle-background-color: $toggle-ios-background-color-off !default;
@@ -25,7 +25,7 @@ $toggle-ios-media-padding: 6px ($item-ios-padding-right / 2) 5px ($i
$toggle-ios-transition-duration: 300ms !default;
$toggle-ios-disabled-opacity: 0.3 !default;
$toggle-ios-disabled-opacity: .3 !default;
// iOS Toggle
@@ -45,27 +45,27 @@ ion-toggle {
width: $toggle-ios-width;
height: $toggle-ios-height;
border-radius: $toggle-ios-border-radius;
pointer-events: none;
background-color: $toggle-ios-border-color-off;
transition: background-color $toggle-ios-transition-duration;
pointer-events: none;
}
// iOS Toggle Background Oval: Unchecked
// -----------------------------------------
.toggle-icon:before {
content: '';
.toggle-icon::before {
position: absolute;
top: $toggle-ios-border-width;
right: $toggle-ios-border-width;
left: $toggle-ios-border-width;
bottom: $toggle-ios-border-width;
left: $toggle-ios-border-width;
border-radius: $toggle-ios-border-radius;
background-color: $toggle-ios-background-color-off;
content: "";
transform: scale3d(1, 1, 1);
transition: transform $toggle-ios-transition-duration;
}
@@ -101,8 +101,8 @@ ion-toggle {
// iOS Toggle Background Oval: Activated or Checked
// -----------------------------------------
.toggle-activated:before,
.toggle-checked:before {
.toggle-activated::before,
.toggle-checked::before {
transform: scale3d(0, 0, 0);
}
@@ -118,7 +118,7 @@ ion-toggle {
// iOS Toggle Background Oval: Activated and Checked
// -----------------------------------------
.toggle-activated.toggle-checked:before {
.toggle-activated.toggle-checked::before {
transform: scale3d(0, 0, 0);
}
@@ -155,15 +155,6 @@ ion-toggle {
}
// iOS Toggle within an item
// -----------------------------------------
.item ion-toggle {
margin: $toggle-ios-media-margin;
padding: $toggle-ios-media-padding;
}
// iOS Toggle Within An Item
// -----------------------------------------