[A11y] fix border contrast for inputs

This commit is contained in:
Richard Schreiber
2025-04-23 14:34:50 +02:00
committed by GitHub
parent 2b245f727e
commit 48c2d57cd4
2 changed files with 21 additions and 4 deletions

View File

@@ -41,20 +41,22 @@ input[type=number]::-webkit-outer-spin-button {
}
.btn-default {
box-shadow: 0px 0px 0px 1px #cccccc inset;
box-shadow: 0px 0px 0px 1px $input-border inset;
box-sizing: border-box;
}
.btn-default:hover, .btn-default:focus {
box-shadow: 0px 0px 0px 1px #cccccc inset, inset 0 1px 3px 0 #BFBFBF;
box-shadow: 0px 0px 0px 1px $input-border inset, inset 0 1px 3px 0 #BFBFBF;
background: $btn-default-bg;
}
.btn-default:active, .btn-default:active:hover, .btn-default:active:focus {
box-shadow: 0px 0px 0px 1px #cccccc inset, inset 0 1px 8px 0 #BFBFBF;
background: $btn-default-bg;
outline: 0;
}
.btn-default.active, .btn-default.active:hover, .btn-default.active:focus {
box-shadow: 0px 0px 0px 1px $input-border inset, inset 0 1px 8px 0 #BFBFBF;
}
.btn-primary:hover, .btn-primary:focus {
box-shadow: inset 0 1px 3px 0 var(--pretix-brand-primary-shade-25);