.ios and .md body class css structure

This commit is contained in:
Adam Bradley
2015-09-04 23:53:59 -05:00
parent 7b09e70284
commit cdf631dcaf
42 changed files with 140 additions and 195 deletions

View File

@@ -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;

View File

@@ -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%);