2021-07-30 12:19:48 +02:00
|
|
|
@mixin toast-color($background-color) {
|
|
|
|
@include background-color($background-color);
|
|
|
|
color: getTextColorFromBackground($background-color);
|
|
|
|
|
|
|
|
a, a:visited {
|
|
|
|
color: getTextColorFromBackground($background-color);
|
|
|
|
background-color: accentuate($background-color);
|
|
|
|
text-decoration:none;
|
|
|
|
opacity:1;
|
|
|
|
&:hover, &:active, &:visited {
|
|
|
|
color: getTextColorFromBackground($background-color);
|
|
|
|
background-color:transparent;
|
|
|
|
opacity:1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.toast {
|
|
|
|
@include panel($card-smallpad);
|
|
|
|
padding:$card-smallpad;
|
|
|
|
|
|
|
|
@each $name, $color in list-colors() {
|
|
|
|
&-#{$name} { @include toast-color(get-color($name)); }
|
|
|
|
}
|
2021-07-30 12:21:32 +02:00
|
|
|
|
|
|
|
a {
|
|
|
|
margin:0;
|
|
|
|
}
|
2021-07-30 12:19:48 +02:00
|
|
|
}
|