vanilla-hugo/assets/scss/mixins.scss
Danila Fedorin 5aa54c1ce4 Extract input style to common CSS and remove raw uses of var(--x).
The mixin handles the fallback gracefully on browsers where it's not
supported.
2023-11-27 22:17:23 -08:00

33 lines
639 B
SCSS

@import "variables.scss";
@mixin bordered-block {
border: $standard-border;
border-radius: .2rem;
}
@mixin below-container-width {
@media screen and (max-width: $container-width-threshold){
@content;
}
}
@mixin green-shadow {
box-shadow: 0px 0px 5px rgba($primary-color, 0.7);
}
@mixin textual-input {
@include bordered-block;
box-sizing: border-box;
@include var(background-color, background-color);
@include var(color, text-color);
font-family: $font-body;
padding: $input-padding;
&:active, &:focus {
@include green-shadow;
border-color: $primary-color;
}
flex-grow: 1;
}