Set a consistent focus ring style on all browsers (#4895)

Fixes #4892. Related: #4819
This commit is contained in:
Ayumi 2020-01-21 18:09:04 +00:00 committed by Luke Towers
parent e3b42b2f10
commit a647b48715
2 changed files with 11 additions and 0 deletions

View File

@ -1,3 +1,13 @@
/*! Make focus ring standard on every browser */
// See github issue https://github.com/octobercms/october/issues/4892
&:focus {
outline: none;
-webkit-box-shadow: inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);
box-shadow: inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
//

View File

@ -1,3 +1,4 @@
:focus {outline:none;-webkit-box-shadow:inset 0 1px 2px rgba(27,31,35,.075),0 0 0 .2em rgba(3,102,214,.3);box-shadow:inset 0 1px 2px rgba(27,31,35,.075),0 0 0 .2em rgba(3,102,214,.3)}
html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {margin:0}
article,