discourse/app/assets/stylesheets/common/base/alert.scss

34 lines
543 B
SCSS
Raw Normal View History

.alert {
padding: 0.5em 1em;
2017-10-11 04:07:46 +08:00
background-color: $danger-low;
color: $primary;
position: relative;
.close {
2018-01-13 06:27:38 +08:00
font-size: $font-up-3;
position: absolute;
top: 8px;
right: 8px;
.d-icon {
color: $primary-low-mid;
}
}
&.alert-success {
background-color: $success-low;
2014-08-06 21:31:13 +08:00
color: $primary;
}
&.alert-error {
background-color: $danger-low;
2014-08-06 21:31:13 +08:00
color: $primary;
}
&.alert-info {
2017-06-12 10:20:14 +08:00
background-color: $tertiary-low;
color: $primary;
&.clickable {
color: $tertiary;
}
}
}