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

48 lines
938 B
SCSS

.alert {
padding: 8px 35px 8px 14px;
background-color: scale-color($danger, $lightness: 75%);
color: #c09853;
.close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
float: right;
font-size: 1.429em;
font-weight: bold;
color: $primary;
opacity: 0.2;
filter: alpha(opacity = 20);
@include hover {
color: $primary;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity = 40);
}
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
&.alert-success {
background-color: $success-low;
color: $primary;
}
&.alert-error {
background-color: rgba($danger-low, .5);
color: $primary;
}
&.alert-info {
background-color: $tertiary-low;
color: $primary;
&.clickable {
color: $tertiary;
}
}
}