feat(standard-styling): Add button color map

This commit is contained in:
2025-12-24 11:52:12 +01:00
parent 27dfb4dc70
commit 51bad8030e
2 changed files with 32 additions and 2 deletions

View File

@@ -0,0 +1,26 @@
// To customize text colors per button, use this map
$btn-color: (
"primary": $white,
"secondary": $white,
"light": $primary,
"dark": $white,
);
// Generate button color overrides from the map
@each $name, $color in $btn-color {
.btn-#{$name},
.btn-lg-#{$name},
.btn-sm-#{$name} {
color: $color !important;
}
.btn-outline-#{$name},
.btn-lg-outline-#{$name},
.btn-sm-outline-#{$name} {
color: $color;
&:hover,
&:focus,
&:active {
color: $color !important;
}
}
}