theme-blog-ewen/assets/scss/_buttons.scss
2023-12-15 17:26:57 +01:00

49 lines
914 B
SCSS

/* Button style */
.btn {
font-size: 14px;
font-weight: 500;
font-family: $primary-font;
text-transform: initial;
font-variant: small-caps;
padding: 10px 15px;
position: relative;
z-index: 1;
transition: .2s ease;
&:hover,
&:active,
&:focus {
outline: 0;
box-shadow: 0 !important;
}
}
.btn-primary {
background: $primary-color;
color: $white;
border-color: $primary-color;
&:active,
&:hover,
&:focus,
&:active {
background: $primary-color !important;
border-color: $primary-color !important;
}
}
.btn-outline-primary {
background: transparent;
color: $text-color-dark;
border-color: $primary-color;
&:active,
&:hover,
&:focus,
&:active {
background: $primary-color !important;
border-color: $primary-color !important;
color: $white;
}
}