You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
1.5 KiB
SCSS

@import "blumatheme";
@import "bulma/bulma";
@import "autocomplete";
.logo-small {
width: 7em;
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;
height: 100%;
.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: "";
}
@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;
}
}
.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;
}
}