mac81/pure-drawer

$toggle-checked-color doesn't work

DaveSanders opened this issue · 2 comments

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

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.