accessibilisation des couleurs

This commit is contained in:
Raphael Goetter 2017-12-18 17:44:07 +01:00
parent 9c03462a52
commit 48139afd7d
3 changed files with 13 additions and 17 deletions

View file

@ -411,7 +411,7 @@ body {
/* Links */ /* Links */
a { a {
color: #333; color: #333;
text-decoration: none; text-decoration: underline;
} }
a:focus, a:hover, a:active { a:focus, a:hover, a:active {
@ -1689,10 +1689,6 @@ ul.is-unstyled, ul.unstyled {
} }
} }
[class*="grid-1"] {
grid-template-columns: repeat(1, 1fr);
}
[class*="grid-2"] { [class*="grid-2"] {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
@ -2214,7 +2210,7 @@ button:focus {
.btn--info, .btn--info,
.button--info { .button--info {
background-color: #5BC0DE; background-color: #5BC0DE;
color: #fff; color: #000;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
@ -2229,7 +2225,7 @@ button:focus {
.btn--warning, .btn--warning,
.button--warning { .button--warning {
background-color: #F0AD4E; background-color: #F0AD4E;
color: #fff; color: #000;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
@ -2641,14 +2637,14 @@ button:focus {
.tag--info { .tag--info {
background-color: #5BC0DE; background-color: #5BC0DE;
color: #fff; color: #000;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.tag--warning { .tag--warning {
background-color: #F0AD4E; background-color: #F0AD4E;
color: #fff; color: #000;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
@ -2728,12 +2724,12 @@ button:focus {
.badge--info { .badge--info {
background-color: #5BC0DE; background-color: #5BC0DE;
color: #fff; color: #000;
} }
.badge--warning { .badge--warning {
background-color: #F0AD4E; background-color: #F0AD4E;
color: #fff; color: #000;
} }
.badge--danger { .badge--danger {
@ -2802,14 +2798,14 @@ button:focus {
.alert--info { .alert--info {
background-color: #5BC0DE; background-color: #5BC0DE;
color: #fff; color: #000;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.alert--warning { .alert--warning {
background-color: #F0AD4E; background-color: #F0AD4E;
color: #fff; color: #000;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }

File diff suppressed because one or more lines are too long

View file

@ -152,7 +152,7 @@ $forms-color : $gray-800;
// Component: links // Component: links
$link-color : $gray-800; $link-color : $gray-800;
$link-color-hover : darken($link-color, 15%); $link-color-hover : darken($link-color, 15%);
$link-decoration : none; $link-decoration : underline;
$link-decoration-hover : underline; $link-decoration-hover : underline;
// Global border-radius // Global border-radius
@ -186,8 +186,8 @@ $table-footer-background : transparent;
$variants-list: ( $variants-list: (
(primary, $color-primary, $white, none), (primary, $color-primary, $white, none),
(success, $color-success, $white, none), (success, $color-success, $white, none),
(info, $color-info, $white, none), (info, $color-info, $black, none),
(warning, $color-warning, $white, none), (warning, $color-warning, $black, none),
(danger, $color-danger, $white, none), (danger, $color-danger, $white, none),
(inverse, $color-inverse, $white, none), (inverse, $color-inverse, $white, none),
(ghost, $color-ghost, $white, 0 0 0 1px $white inset) (ghost, $color-ghost, $white, 0 0 0 1px $white inset)