Merge pull request #1759 from towerofnix/fix-firefox-focusring

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

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;