studio/integration
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gaufre: better visually mark button focus

Browse Source 
don't know why I didn't do that earlier? Match DSFR styling when
keyboard-focusing the gaufre button
This commit is contained in:
Emmanuel Pelletier
2025-04-17 15:27:35 +02:00
parent e47ac65e80
commit 6acead848e
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/integration/src/styles/gaufre.css
View File

@@ -92,6 +92,11 @@
background-color: #f6f6f6 !important; background-color: #f6f6f6 !important;
} }
.lasuite-gaufre-btn--vanilla:focus-visible {
outline: 2px solid #0a76f6 !important;
outline-offset: 2px !important;
}
[data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:hover, [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:hover,
[data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:focus-visible { [data-fr-scheme="dark"] .lasuite-gaufre-btn--vanilla:focus-visible {
background-color: #343434 !important; background-color: #343434 !important;