Accessibility: outline links to ease keyboard navigation

This commit is contained in:
simon lehericey 2019-11-14 09:22:02 +01:00
parent 111e7509c1
commit efd35a3de7
5 changed files with 24 additions and 5 deletions

View file

@ -1,7 +1,10 @@
@import "colors";
@import "constants";
@import "placeholders";
.button {
@extend %outline;
display: inline-block;
padding: 8px 16px;
border-radius: 30px;
@ -20,11 +23,6 @@
text-decoration: none;
}
&:active,
&:focus {
outline: none;
}
&:disabled {
opacity: 0.5;
filter: saturate(50%);