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

48 lines
932 B
SCSS
Raw Normal View History

.alert {
padding: 8px 35px 8px 14px;
2017-10-10 16:07:46 -04:00
background-color: $danger-low;
color: #c09853;
.close {
position: relative;
top: -2px;
right: -21px;
2018-01-12 17:27:38 -05:00
line-height: $line-height-small;
float: right;
2018-01-12 17:27:38 -05:00
font-size: $font-up-3;
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 {
2017-10-10 16:07:46 -04:00
background-color: $success-medium;
2014-08-06 09:31:13 -04:00
color: $primary;
}
&.alert-error {
2017-06-11 22:20:14 -04:00
background-color: rgba($danger-low, .5);
2014-08-06 09:31:13 -04:00
color: $primary;
}
&.alert-info {
2017-06-11 22:20:14 -04:00
background-color: $tertiary-low;
color: $primary;
&.clickable {
color: $tertiary;
}
}
}