29 lines
561 B
SCSS
29 lines
561 B
SCSS
|
$base-spacing: 1.5em !default;
|
||
|
|
$flashes: (
|
||
|
|
"alert": #fff6bf,
|
||
|
|
"error": #fbe3e4,
|
||
|
|
"notice": #e5edf8,
|
||
|
|
"success": #e6efc2,
|
||
|
|
) !default;
|
||
|
|
|
||
|
|
@each $flash-type, $color in $flashes {
|
||
|
|
.flash-#{$flash-type} {
|
||
|
|
background-color: $color;
|
||
|
|
color: mix($black, $color, 60%);
|
||
|
|
display: block;
|
||
|
|
margin-bottom: $base-spacing / 2;
|
||
|
|
padding: $base-spacing / 2;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: mix($black, $color, 70%);
|
||
|
|
text-decoration: underline;
|
||
|
|
|
||
|
|
&:focus,
|
||
|
|
&:hover {
|
||
|
|
color: mix($black, $color, 90%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|