Refactor selector component to allow keyboard accessibility

This commit is contained in:
Andrew Croce
2018-10-17 15:58:05 -04:00
parent 3535af3af5
commit c4cc411953
3 changed files with 98 additions and 47 deletions

View File

@@ -105,21 +105,26 @@
@include block-list-item;
&.block-list__item--selectable {
> label {
margin: 0;
max-width: none;
> div {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
&::before {
flex-shrink: 0;
margin-right: 0;
margin-left: $gap * 2;
}
&:hover {
color: $color-primary;
> label {
margin: 0;
max-width: none;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
&::before {
flex-shrink: 0;
margin-right: 0;
margin-left: $gap * 2;
}
&:hover {
color: $color-primary;
}
}
}