22 lines
357 B
SCSS
22 lines
357 B
SCSS
$colors: (
|
|
"primary",
|
|
"danger",
|
|
"warning",
|
|
"info",
|
|
"success"
|
|
);
|
|
|
|
@each $color in $colors {
|
|
.btn-#{$color} {
|
|
background-color: var(--#{$color});
|
|
border-color: var(--#{$color});
|
|
|
|
&:hover {
|
|
background: linear-gradient(
|
|
to top,
|
|
rgba(0, 0, 0, 0.10),
|
|
rgba(0, 0, 0, 0.10)
|
|
) var(--#{$color});
|
|
}
|
|
}
|
|
} |