61 lines
1 KiB
SCSS
61 lines
1 KiB
SCSS
|
@import "blumatheme";
|
||
|
@import "bulma/bulma";
|
||
|
@import "autocomplete";
|
||
|
|
||
|
.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;
|
||
|
}
|
||
|
}
|