website/assets/sass/alert.scss

24 lines
415 B
SCSS
Raw Normal View History

.alert {
border: 2px solid $accent;
background-color: darken($accent, 10%);
color: white;
border-radius: 3px;
padding: 1rem 2rem;
margin: 1rem 0;
width: 100%;
.alert-split-content {
display: flex;
justify-content: space-between;
}
}
@media (max-width: $md-breakpoint) {
.alert {
.alert-split-content {
display: block;
}
}
}