mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
css cleanup
This commit is contained in:
@@ -22,9 +22,9 @@ $switch-ios-handle-bg-color: $switch-ios-off-bg-color !default;
|
||||
$switch-ios-transition-duration: 300ms !default;
|
||||
|
||||
|
||||
.switch {
|
||||
ion-switch {
|
||||
|
||||
.item-media {
|
||||
.item-media.media-switch {
|
||||
margin: 0;
|
||||
padding: 6px ($item-ios-padding-right / 2) 6px ($item-ios-padding-left);
|
||||
}
|
||||
@@ -125,7 +125,7 @@ $switch-ios-transition-duration: 300ms !default;
|
||||
|
||||
@mixin switch-theme-ios($color-name, $bg-on) {
|
||||
|
||||
.switch[#{$color-name}] {
|
||||
ion-switch[#{$color-name}] {
|
||||
|
||||
&[aria-checked=true] .switch-icon {
|
||||
background-color: $bg-on;
|
||||
|
||||
@@ -18,9 +18,9 @@ $switch-md-handle-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2p
|
||||
$switch-md-transition-duration: 300ms !default;
|
||||
|
||||
|
||||
.switch {
|
||||
ion-switch {
|
||||
|
||||
.item-media {
|
||||
.item-media.media-switch {
|
||||
margin: 0;
|
||||
padding: 6px ($item-md-padding-right / 2) 6px $item-md-padding-left;
|
||||
}
|
||||
@@ -85,7 +85,7 @@ $switch-md-transition-duration: 300ms !default;
|
||||
|
||||
@mixin switch-theme-md($color-name, $bg-on) {
|
||||
|
||||
.switch[#{$color-name}] {
|
||||
ion-switch[#{$color-name}] {
|
||||
|
||||
&[aria-checked=true] .switch-icon {
|
||||
background-color: lighten($bg-on, 25%);
|
||||
|
||||
@@ -3,16 +3,16 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.switch {
|
||||
ion-switch {
|
||||
@include user-select-none();
|
||||
}
|
||||
|
||||
.switch .media-switch {
|
||||
cursor: pointer;
|
||||
ion-switch .media-switch {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.switch[aria-disabled=true] {
|
||||
ion-switch[aria-disabled=true] {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
color: $subdued-text-color;
|
||||
|
||||
Reference in New Issue
Block a user