homepage/themes/custom/assets/style.scss

84 lines
1.5 KiB
SCSS
Raw Permalink Normal View History

2021-11-01 12:45:29 +01:00
@import "blumatheme";
@import "bulma/bulma";
@import "autocomplete";
2021-11-01 14:00:26 +01:00
.logo-small {
2021-11-03 12:24:43 +01:00
width: 7em;
2021-11-01 14:00:26 +01:00
vertical-align: middle;
margin: 0 0.2em;
}
2021-11-01 12:45:29 +01:00
.divider {
height: 3px;
border-radius: 50px;
background: $primary;
width: 120px;
&.is-centered {
margin: 0 auto;
}
}
.feature-card {
2021-11-02 07:46:51 +01:00
position: relative;
padding: 0.8em;
2021-11-01 12:45:29 +01:00
background-color: lighten($background-base-color, 3);
2021-11-02 07:46:51 +01:00
border-radius: 5px;
2021-11-22 07:25:59 +01:00
height: 100%;
2021-11-01 12:45:29 +01:00
.card-title h4 {
font-size: 1.2rem;
font-weight: 600;
}
.card-icon img {
height: 120px;
}
.card-text {
2021-11-02 07:46:51 +01:00
padding: 0 1em;
2021-11-01 12:45:29 +01:00
}
}
2021-11-02 07:46:51 +01:00
.feature-card:hover,
.feature-card:focus {
background-color: lighten($background-base-color, 6);
}
.stretched-link:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
2021-11-03 11:35:31 +01:00
@media screen and (min-width: $desktop) {
.content h2:before,
.content h3:before {
content: "";
color: lighten($background-base-color, 6);
position: absolute;
left: 0;
margin-left: -2.5rem;
line-height: 1em;
}
2021-11-01 12:45:29 +01:00
}
.message {
border-radius: 0.6em;
&.is-info .message-body {
color: #eef6fc;
background-color: #155681;
}
&.is-danger .message-body {
color: #fdeeed;
background-color: #5e2f29;
}
&.is-warning .message-body {
color: #fef9ec;
background-color: #94761b;
}
}