Accessibility: outline links to ease keyboard navigation
This commit is contained in:
parent
111e7509c1
commit
efd35a3de7
5 changed files with 24 additions and 5 deletions
|
@ -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%);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue