Accesibility tweaks
This commit is contained in:
@@ -90,6 +90,12 @@
|
|||||||
|
|
||||||
@include status-color-property(background-color, ':before', '')
|
@include status-color-property(background-color, ':before', '')
|
||||||
|
|
||||||
|
&:focus
|
||||||
|
outline: none
|
||||||
|
|
||||||
|
&:before
|
||||||
|
transform: translate(-50%, -50%) scale(1.5)
|
||||||
|
|
||||||
&:before
|
&:before
|
||||||
display: block
|
display: block
|
||||||
content: ''
|
content: ''
|
||||||
@@ -118,7 +124,8 @@
|
|||||||
|
|
||||||
&:before
|
&:before
|
||||||
transform: translate(-50%, -50%) scale(1.3)
|
transform: translate(-50%, -50%) scale(1.3)
|
||||||
border: .25em dotted white
|
border: 2px solid white
|
||||||
|
box-shadow: 0 0 5px 1px $color-background-dark, 1px 1px 0 rgba(black, .2)
|
||||||
&:hover
|
&:hover
|
||||||
border-color: $color-primary-light
|
border-color: $color-primary-light
|
||||||
|
|
||||||
@@ -131,7 +138,7 @@
|
|||||||
display: flex
|
display: flex
|
||||||
justify-content: center
|
justify-content: center
|
||||||
|
|
||||||
&:hover
|
&:hover, &:focus
|
||||||
opacity: 1
|
opacity: 1
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
|
Reference in New Issue
Block a user