scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Add box shadow for focus state on checkboxes

Browse source 
Fixes #628 by applying the same outline for focus as is currently applied to checked boxes.
This commit is contained in:
Matthew Taylor 2016-07-05 11:37:12 -04:00
parent 11155c429e
commit 2cd8019ef6
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/forms/checkbox.scss
View file

@ -20,12 +20,12 @@
&:checked, &:checked,
&:focus { &:focus {
transition: all .5s ease;
outline: none; outline: none;
box-shadow: 0 0 0 .25rem $active-gray;
} }
&:checked { &:checked {
transition: all .5s ease;
box-shadow: 0 0 0 .25rem $active-gray;
background-color: $ui-blue; background-color: $ui-blue;
text-align: center; text-align: center;
text-indent: .125rem; text-indent: .125rem;