diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-21 08:14:46 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-21 08:14:46 +0100 |
| commit | 4063292568145431e1259dae6b7d078cd7e78f2c (patch) | |
| tree | cf1ebf5a934b67c069ca41a0eb87b4c6f60cb9bc /public/css/modules/btn.css | |
| parent | e70d1754e98501cda598255af33b7af2abbfc2a5 (diff) | |
Better button focus styling
Diffstat (limited to 'public/css/modules/btn.css')
| -rw-r--r-- | public/css/modules/btn.css | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css index a444046..5bc4f35 100644 --- a/public/css/modules/btn.css +++ b/public/css/modules/btn.css @@ -14,7 +14,9 @@ transform 100ms; } -.btn:hover, .btn:active { +.btn:is(:hover, :focus, :focus-visible, :focus-within, :active) { + box-shadow: none; + outline: none; color: var(--text-highlight-color); border-color: var(--background-highlight-color); background-color: var(--background-highlight-color); @@ -25,6 +27,11 @@ transform 300ms; } +.btn:is(:focus, :focus-visible, :focus-within) { + border-color: var(--special-text-highlight-color); + border-style: dotted; +} + .btn:active { transform: scale(1.1, 1.1); }
\ No newline at end of file |