scinote-web/app/assets/stylesheets/shared_styles/elements/alerts.scss
2020-01-21 15:21:40 +01:00

49 lines
634 B
SCSS

.alert {
border-radius: 0;
margin-bottom: 0;
opacity: .86;
width: 100%;
}
.alert-floating {
align-items: center;
display: flex;
height: 52px;
padding: 9px;
.fas {
font-size: $font-size-h2;
margin-left: 12px;
}
.message {
color: $color-volcano;
flex-grow: 1;
margin-left: 14px;
}
.close {
top: 0;
}
}
.alert:not(.alert-floating) {
color: $color-volcano;
&.alert-danger .fas {
color: $brand-danger;
}
&.alert-warning .fas {
color: $brand-warning;
}
&.alert-info .fas {
color: $brand-info;
}
&.alert-success .fas {
color: $brand-success;
}
}