mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
.ios and .md body class css structure
This commit is contained in:
@@ -22,7 +22,7 @@ $switch-ios-handle-bg-color: $switch-ios-off-bg-color !default;
|
||||
$switch-ios-transition-duration: 300ms !default;
|
||||
|
||||
|
||||
.switch[mode=ios] {
|
||||
.switch {
|
||||
|
||||
.item-media {
|
||||
margin: 0;
|
||||
@@ -125,7 +125,7 @@ $switch-ios-transition-duration: 300ms !default;
|
||||
|
||||
@mixin switch-theme-ios($color-name, $bg-on) {
|
||||
|
||||
.switch[mode=ios][#{$color-name}] {
|
||||
.switch[#{$color-name}] {
|
||||
|
||||
&[aria-checked=true] .switch-icon {
|
||||
background-color: $bg-on;
|
||||
|
||||
@@ -18,7 +18,7 @@ $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[mode=md] {
|
||||
.switch {
|
||||
|
||||
.item-media {
|
||||
margin: 0;
|
||||
@@ -85,7 +85,7 @@ $switch-md-transition-duration: 300ms !default;
|
||||
|
||||
@mixin switch-theme-md($color-name, $bg-on) {
|
||||
|
||||
.switch[mode=md][#{$color-name}] {
|
||||
.switch[#{$color-name}] {
|
||||
|
||||
&[aria-checked=true] .switch-icon {
|
||||
background-color: lighten($bg-on, 25%);
|
||||
|
||||
Reference in New Issue
Block a user