Retrospring/app/assets/stylesheets/overrides/_buttons.scss

31 lines
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});
}
}