@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; } }