homepage/themes/custom/assets/style.scss
2021-11-01 14:00:26 +01:00

66 lines
1.1 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 {
padding: 30px 5px;
width: 300px;
background-color: lighten($background-base-color, 3);
border-radius: 3px;
margin: 0 auto;
.card-title h4 {
font-size: 1.2rem;
font-weight: 600;
}
.card-icon img {
height: 120px;
margin: 20px 0;
}
.card-text {
padding: 0 40px;
}
}
.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;
}
}