2019-08-11 14:17:07 +02:00
|
|
|
@charset "UTF-8";
|
|
|
|
|
2019-11-23 15:42:05 +01:00
|
|
|
@mixin btnTheme($color) {
|
2019-10-16 21:33:49 +02:00
|
|
|
background-color: $color;
|
|
|
|
color: $white;
|
|
|
|
&.btn--outline {
|
|
|
|
background-color: transparent;
|
|
|
|
border-color: $color;
|
|
|
|
color: $font-color;
|
2019-08-12 15:13:05 +02:00
|
|
|
}
|
2019-10-16 21:33:49 +02:00
|
|
|
&:focus,
|
|
|
|
&:hover,
|
|
|
|
&:active {
|
|
|
|
background-color: rgba($color, .8);
|
2019-11-23 15:42:05 +01:00
|
|
|
|
2019-10-16 21:33:49 +02:00
|
|
|
&.btn--outline {
|
|
|
|
background-color: rgba($color, .2);
|
|
|
|
}
|
2019-08-12 21:54:40 +02:00
|
|
|
}
|
2019-10-16 21:33:49 +02:00
|
|
|
}
|
2020-01-16 11:13:34 +01:00
|
|
|
.clickable {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2019-10-16 21:33:49 +02:00
|
|
|
|
|
|
|
.btn {
|
|
|
|
margin: .5rem 0;
|
|
|
|
padding: 1rem 1.5rem;
|
|
|
|
font-size: 1.6rem;
|
|
|
|
line-height: normal;
|
|
|
|
border: .2rem solid transparent;
|
|
|
|
border-radius: .3rem;
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
&--primary {
|
|
|
|
@include btnTheme($primary_color);
|
2019-09-06 18:28:57 +02:00
|
|
|
}
|
2019-12-30 14:44:53 +01:00
|
|
|
&--semi-bold {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
2019-12-29 18:35:15 +01:00
|
|
|
&--black-text {
|
|
|
|
color:black;
|
|
|
|
}
|
|
|
|
&--purple {
|
|
|
|
background-color:$pale-purple;
|
|
|
|
}
|
2019-08-11 14:17:07 +02:00
|
|
|
|
2019-10-16 21:33:49 +02:00
|
|
|
&--alert {
|
|
|
|
@include btnTheme($red);
|
|
|
|
}
|
2019-08-12 15:06:41 +02:00
|
|
|
|
2019-10-16 21:33:49 +02:00
|
|
|
&--small {
|
|
|
|
padding: .75rem 1.25rem;
|
2019-08-12 21:54:40 +02:00
|
|
|
}
|
2019-08-12 15:06:41 +02:00
|
|
|
|
2019-10-16 21:33:49 +02:00
|
|
|
&--full {
|
|
|
|
display: block;
|
|
|
|
min-width: 100%;
|
2019-08-12 21:54:40 +02:00
|
|
|
}
|
2019-10-16 21:33:49 +02:00
|
|
|
|
2019-11-23 15:42:05 +01:00
|
|
|
&--mini {
|
|
|
|
background-color: $mini-button-color;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
&--link {
|
|
|
|
min-width: 219.3px;
|
|
|
|
margin: 0 auto;
|
|
|
|
display: block;
|
2019-11-19 18:37:03 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|