2019-08-10 18:14:00 +02:00
|
|
|
// form inputs
|
2019-08-10 16:20:59 +02:00
|
|
|
.funky-box {
|
2019-08-09 17:43:23 +02:00
|
|
|
background: $light;
|
2019-08-10 16:20:59 +02:00
|
|
|
padding: 1em;
|
|
|
|
border-radius: 0.25em;
|
|
|
|
border: 1px solid $main_color;
|
2019-08-09 17:43:23 +02:00
|
|
|
border-bottom: 3px solid $main_color_strong;
|
2019-08-10 16:20:59 +02:00
|
|
|
|
|
|
|
&:focus {
|
|
|
|
color: $main_color_strong;
|
|
|
|
}
|
2019-08-09 17:43:23 +02:00
|
|
|
}
|
|
|
|
|
2019-08-10 18:14:00 +02:00
|
|
|
input, textarea,
|
|
|
|
select {
|
|
|
|
@extend .funky-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
margin-top: 1em;
|
|
|
|
border-left: 3px solid $main_color_strong;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2019-08-10 16:20:59 +02:00
|
|
|
// buttons
|
|
|
|
.btn {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 1em;
|
|
|
|
border-radius: 0.25em;
|
2019-08-09 17:43:23 +02:00
|
|
|
background: $main_color_strong;
|
|
|
|
color: $light;
|
|
|
|
border: 0;
|
2019-08-10 16:20:59 +02:00
|
|
|
margin: 1em;
|
2019-08-09 17:43:23 +02:00
|
|
|
min-height: 1.5rem;
|
|
|
|
}
|
2019-08-10 16:20:59 +02:00
|
|
|
|
2019-08-10 18:14:00 +02:00
|
|
|
.btn-block {
|
|
|
|
display: block;
|
2019-08-10 18:31:15 +02:00
|
|
|
font-weight: 600;
|
|
|
|
font-size: 1.25em;
|
|
|
|
text-align: center;
|
2019-08-10 18:14:00 +02:00
|
|
|
}
|
|
|
|
|
2019-08-10 16:20:59 +02:00
|
|
|
a {
|
|
|
|
text-decoration: none;
|
2019-08-10 18:14:00 +02:00
|
|
|
|
|
|
|
nav & {
|
2019-08-10 18:38:07 +02:00
|
|
|
|
|
|
|
@extend .btn-outline, .btn;
|
2019-08-10 18:14:00 +02:00
|
|
|
display: inline-block;
|
|
|
|
margin: 0.5em;
|
2019-08-10 18:38:07 +02:00
|
|
|
padding: 0.5em;
|
2019-08-10 18:14:00 +02:00
|
|
|
color: #000;
|
2019-08-10 18:38:07 +02:00
|
|
|
font-size: 1rem;
|
2019-08-10 18:14:00 +02:00
|
|
|
}
|
2019-08-10 16:20:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.home_link {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2019-08-10 18:14:00 +02:00
|
|
|
.btn-outline {
|
|
|
|
background: $light;
|
|
|
|
border: solid 1px $main_color_strong;
|
|
|
|
}
|
|
|
|
|
2019-08-10 16:20:59 +02:00
|
|
|
.striked {
|
2019-08-10 18:14:00 +02:00
|
|
|
@extend .btn-outline;
|
|
|
|
color: $main_color_strong;
|
2019-08-10 16:20:59 +02:00
|
|
|
}
|