mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-03-14 15:09:59 -04:00
Merge pull request #1759 from towerofnix/fix-firefox-focusring
Hide Firefox focus ring on <select> elements (language selector)
This commit is contained in:
commit
25a1280cca
1 changed files with 7 additions and 2 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue