feat(standard-styling): Add button color map
This commit is contained in:
26
falcon/_dev/css/theme/custom/components/_buttons.scss
Normal file
26
falcon/_dev/css/theme/custom/components/_buttons.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user