google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
master
Konstantin Mamaev 2017-01-18 10:34:11 +03:00 committed by Jonathan Garbee
parent 03120bb944
commit 0c710aab9a
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/checkbox/_checkbox.scss
View File

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