funky-framadate-front/src/assets/scss/atoms/_buttons.scss

69 lines
943 B
SCSS

@charset "UTF-8";
a {
color: $black;
.icon {
font-size: 1.5em;
&.right{
float: right;
display: inline-block;
margin: -0.3em 0.4em;
}
}
}
// buttons
.btn {
display: inline-block;
padding: 1em;
border-radius: 0.25em;
background: $primary_color;
// color: $light;
border: 0;
margin: 1em;
min-height: 1.5rem;
cursor: pointer;
&:hover {
background-color: $dusty-orange;
}
}
.btn-block {
display: block;
font-weight: 600;
font-size: 1.25em;
text-align: center;
}
.btn-outline {
background: $white;
border: solid 1px $primary_color;
}
.btn-next {
@extend .striked;
text-align: right;
width: 100%;
padding: 1em 2em;
a {
display: block;
}
}
.striked {
&::after {
content: "";
display: block;
width: 12ch;
height: 4px;
margin-top: -0.7em;
margin-right: 0;
margin-left: auto;
background-color: $primary_color;
}
}