A11y improvements (#2081)

Co-authored-by: Raphael Michel <michel@rami.io>
Co-authored-by: Raphael Michel <mail@raphaelmichel.de>
This commit is contained in:
Richard Schreiber
2021-10-17 16:56:16 +02:00
committed by GitHub
parent cc13ca1c3f
commit 3dcfa57b70
61 changed files with 1505 additions and 990 deletions

View File

@@ -100,9 +100,8 @@ input[type=number]::-webkit-outer-spin-button {
background: transparent;
border: transparent;
}
.alert-primary, .alert-warning, .alert-info, .alert-success, .alert-danger {
color: #3b3b3b;
.panel-heading {
border-radius: 0;
}
.panel-danger > .panel-heading, .panel-success > .panel-heading, .panel-default > .panel-heading, .panel-info > .panel-heading, .panel-warning > .panel-heading {
color: #000000;
@@ -122,7 +121,7 @@ input[type=number]::-webkit-outer-spin-button {
text-align: left;
}
.alert-legal {
border-color: $state-info-border;
@include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
}
.alert-success, .alert-danger, .alert-info, .alert-warning, .alert-legal {
position: relative;
@@ -166,6 +165,7 @@ input[type=number]::-webkit-outer-spin-button {
}
.alert-primary::before {
background: $brand-primary !important;
outline-color: $brand-primary;
}
.alert-primary {
border-color: $brand-primary !important;

View File

@@ -44,14 +44,18 @@ $navbar-inverse-link-hover-color: $gray-lighter;
$navbar-inverse-brand-hover-color: $gray-lighter;
$navbar-inverse-color: white;
$state-success-bg: white !default;
$state-success-bg: lighten($brand-success, 48%) !default;
$state-success-border: $brand-success;
$state-info-bg: white !default;
$state-success-text: darken($brand-success, 10%);
$state-info-bg: lighten($brand-info, 33%) !default;
$state-info-border: $brand-info;
$state-warning-bg: white !default;
$state-info-text: darken($brand-info, 20%);
$state-warning-bg: lighten($brand-warning, 41%) !default;
$state-warning-border: $brand-warning;
$state-danger-bg: white !default;
$state-danger-border: $brand-danger;
$state-warning-text: darken($brand-warning, 25%);
$state-danger-bg: lighten($brand-danger, 43%) !default;
$state-danger-border: $brand-danger;
$state-danger-text: darken($brand-danger, 5%);
$panel-success-border: tint($brand-success, 50%);
$panel-success-heading-bg: tint($brand-success, 50%);
$panel-danger-border: tint($brand-danger, 50%);