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