engelsystem/resources/assets/themes/card-glow.scss

34 lines
815 B
SCSS
Raw Permalink Normal View History

2021-08-05 01:00:12 +02:00
// Used for shift overview cards headers
@each $state, $value in $theme-colors {
$card-background: darken($value, 35%);
$card-border: $value;
$card-color: $value;
2022-12-22 18:28:51 +01:00
@if (contrast-ratio($card-background, $card-color) < $min-contrast-ratio * 0.7) {
2021-08-05 01:00:12 +02:00
$card-color: mix($value, color-contrast($card-background), 40%);
}
2022-12-22 18:28:51 +01:00
.card.bg-#{'' + $state} .card-header {
2021-08-05 01:00:12 +02:00
background-color: $card-background;
border-color: $card-border;
.badge.bg-light {
background-color: $card-color !important;
}
2022-12-22 18:28:51 +01:00
.badge.text-#{'' + $state} {
2021-08-05 01:00:12 +02:00
color: $card-background !important;
}
a.text-white {
color: $card-color !important;
}
2022-12-22 18:28:51 +01:00
.btn-#{'' + $state} {
2021-08-05 01:00:12 +02:00
background-color: $card-background;
border-color: $card-border !important;
color: $card-color;
}
}
}