homepage/themes/custom/assets/style.scss
2021-11-02 07:46:51 +01:00

79 lines
1.3 KiB
SCSS

@import "blumatheme";
@import "bulma/bulma";
@import "autocomplete";
.logo-small {
width: 8em;
vertical-align: middle;
margin: 0 0.2em;
}
.divider {
height: 3px;
border-radius: 50px;
background: $primary;
width: 120px;
&.is-centered {
margin: 0 auto;
}
}
.feature-card {
position: relative;
padding: 0.8em;
background-color: lighten($background-base-color, 3);
border-radius: 5px;
.card-title h4 {
font-size: 1.2rem;
font-weight: 600;
}
.card-icon img {
height: 120px;
}
.card-text {
padding: 0 1em;
}
}
.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: "";
}
.content h2:before,
.content h3:before {
content: "#";
color: $grey;
position: absolute;
left: 0;
margin-left: -2rem;
}
.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;
}
}