$toggle-checked-color doesn't work
DaveSanders opened this issue · 2 comments
DaveSanders commented
Tested on chrome 56 and firefox 53
I could not get the $toggle-checked-color to work in SCSS. I looked through the SCSS and see where it should be applied, but it always reverts to the $toggle-color.
This presents a problem if you have a dark header and then a light drawer - or vice versa. :)
mac81 commented
Hi Dave
Seems I've forgotten to add styling for the icon when checked.
Could you try adding:
.pure-toggle:checked ~ .pure-toggle-label .pure-toggle-icon:before,
.pure-toggle:checked ~ .pure-toggle-label .pure-toggle-icon:after {
background: #fff;
}
DaveSanders commented
That worked, thank you. I modified it and added a PR to add one line to the global.scss to fix this in the future, so it will use the settings.