discourse/app/assets/stylesheets/common/base/alert.scss
2019-12-31 10:59:38 +08:00

34 lines
543 B
SCSS

.alert {
padding: 0.5em 1em;
background-color: $danger-low;
color: $primary;
position: relative;
.close {
font-size: $font-up-3;
position: absolute;
top: 8px;
right: 8px;
.d-icon {
color: $primary-low-mid;
}
}
&.alert-success {
background-color: $success-low;
color: $primary;
}
&.alert-error {
background-color: $danger-low;
color: $primary;
}
&.alert-info {
background-color: $tertiary-low;
color: $primary;
&.clickable {
color: $tertiary;
}
}
}