mirror of
https://github.com/google/material-design-lite.git
synced 2024-08-16 15:50:34 +03:00
Fix checked/unchecked style for checkbox
When using "background" property CSSO not working correctly ( if not replacing sass property ). Separating "background" to "background-color" and "background-image" solve this problem
This commit is contained in:
parent
03120bb944
commit
0c710aab9a
@ -122,15 +122,16 @@
|
||||
|
||||
background: transparent;
|
||||
@include material-animation-default(0.28s);
|
||||
transition-property: background;
|
||||
transition-property: background-image;
|
||||
|
||||
.mdl-checkbox.is-checked & {
|
||||
background: $checkbox-color url("#{$checkbox-image-path}/tick.svg?embed");
|
||||
background-color: $checkbox-color;
|
||||
background-image: url("#{$checkbox-image-path}/tick.svg?embed");
|
||||
}
|
||||
|
||||
fieldset[disabled] .mdl-checkbox.is-checked &,
|
||||
.mdl-checkbox.is-checked.is-disabled & {
|
||||
background: $checkbox-disabled-color url("#{$checkbox-image-path}/tick.svg?embed");
|
||||
background-color: $checkbox-disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user