scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-25 20:29:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions4

Merge pull request from towerofnix/fix-firefox-focusring

Browse source 
Hide Firefox focus ring on <select> elements (language selector)
This commit is contained in:
Ray Schamp 2018-02-01 09:29:09 -05:00 • committed by GitHub
commit 25a1280cca
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions

9
src/components/forms/select.scss
View file

@ -7,7 +7,7 @@
}
select {
transition: all .5s ease;
transition: border .5s ease;
margin-bottom: .75rem;
border: 1px solid $active-gray;
border-radius: 5px;
@ -16,6 +16,7 @@
width: 100%;
height: 3rem;
text-indent: 1rem;
color: $type-gray;
font-size: .875rem;
appearance: none;
@ -30,11 +31,15 @@
}
&:focus {
transition: all .5s ease;
outline: none;
border: 1px solid $ui-blue;
}
&:-moz-focusring {
text-shadow: 0 0 0 $type-gray;
color: transparent;
}
&:focus,
&:hover {
background: $ui-light-gray url("../../../static/svgs/forms/carot-hover.svg") no-repeat right center;