diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue index d56f02d44..3256906e3 100644 --- a/src/ux-components/list-button/list-button.vue +++ b/src/ux-components/list-button/list-button.vue @@ -133,21 +133,22 @@ export default { position: static; //override bootstrap height: 0; opacity: 0; - } - &:focus-visible + label { - box-shadow: 0 0 0 2.5px $blue inset; - } - &:focus + label { - box-shadow: 0 0 0 2.5px $blue inset; - } - &:checked + label { - color: $black; - font-weight: 500; - background: $blue-100; - box-shadow: 0 0 0 1px $blue; - } - &:checked + label p:first-child { - font-weight: 500; + + &:focus-visible + label { + box-shadow: 0 0 0 2.5px $blue inset; + } + &:focus + label { + box-shadow: 0 0 0 2.5px $blue inset; + } + &:checked + label { + color: $black; + font-weight: 500; + background: $blue-100; + box-shadow: 0 0 0 1px $blue; + } + &:checked + label p:first-child { + font-weight: 500; + } } } label {