mirror of
https://github.com/Retrospring/retrospring.git
synced 2025-02-12 15:03:37 +01:00
31 lines
No EOL
584 B
SCSS
31 lines
No EOL
584 B
SCSS
.btn {
|
|
color: RGB(var(--body-text));
|
|
}
|
|
|
|
@each $color in $color-names {
|
|
.btn-#{$color} {
|
|
color: RGB(var(--#{$color}-text));
|
|
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});
|
|
}
|
|
|
|
&:active {
|
|
background: linear-gradient(
|
|
to top,
|
|
rgba(0, 0, 0, 0.25),
|
|
rgba(0, 0, 0, 0.25)
|
|
) var(--#{$color});
|
|
}
|
|
}
|
|
|
|
.btn-outline-#{$color} {
|
|
color: var(--#{$color});
|
|
}
|
|
} |