andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add focus-visible polyfill

Browse Source
This commit is contained in:
atomiks
2018-03-03 17:50:56 +10:00
parent 0059fa8110
commit 86c4bbd05d
4 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/components/tags.scss
View File

@ -15,7 +15,7 @@
text-transform: uppercase;
color: #8385aa;
white-space: nowrap;
border: 1px solid lighten(#8385aa, 15);
border: 1px solid #c8cbf2;
border-radius: 2px;
vertical-align: middle;
line-height: 2;
@ -57,7 +57,7 @@
color: white;
}
&:focus {
&.focus-visible:focus {
box-shadow: 0 0 0 0.25rem transparentize(#8385aa, 0.5);
}
@ -72,7 +72,7 @@
border-color: #7983ff;
color: white;
&:focus {
&.focus-visible:focus {
box-shadow: 0 0 0 0.25rem transparentize(#7983ff, 0.5);
}
}

1
src/js/index.js
View File

@ -1,4 +1,5 @@
// Deps
import 'focus-visible'
import 'normalize.css'
import 'prismjs'
import feather from 'feather-icons'