entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 8 Releases Wiki Activity

rouen: give visible focus to custom radio buttons & checkboxes

This commit is contained in:
Frédéric Péters 2022-04-10 14:07:56 +02:00
parent 7a4c5fa153
commit fa239cbfad
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
static/rouen/_custom.scss
View File

@ -278,6 +278,13 @@ div.RadiobuttonsWidget div.content label {
& input[type="radio"] {
position: absolute;
opacity: 0;
& + span {
display: block;
}
&:focus-visible + span {
outline: 2px solid $red;
outline-offset: 5px;
}
& + span::before {
@extend %icon-common;
content: $icon-mars-circle;
@ -294,6 +301,10 @@ div.CheckboxesWidget div.content label {
& input[type="checkbox"] {
left: -99999999px;
position: absolute;
&:focus-visible + span {
outline: 2px solid $red;
outline-offset: 5px;
}
& + span::before {
@extend %icon-common;
content: $icon-mars-square;