Files
exchange-2.0/resources/assets/sass/modules/_alerts.scss
T
2020-10-16 10:12:19 +08:00

93 lines
2.1 KiB
SCSS
Vendored

/*------------------------------------------------------------------
[7. Alerts]
*/
.alert {
background-image: none;
box-shadow: none;
text-shadow: none;
padding: 9px 19px 9px 15px;
border-radius: 3px;
font-size: 13px;
border-width:0;
@include transition(all 0.2s linear 0s);
&.bordered{
border-width: 1px;
}
.link {
color: #ce8f22;
font-weight: bold;
}
.alert-heading {
color: #ce8f22 !important;
margin-bottom: 5px;
font-weight: 600;
}
.btn-small {
position: relative;
top: -3.5px;
}
.button-set {
.btn {
position: relative;
top: 8px;
}
}
.close {
background: url("#{$base-img-url}/icons/noti-cross.png") no-repeat scroll 0 0 transparent;
background-position: -9px -10px;
width: 10px;
height: 9px;
position: relative;
opacity: 0.8;
top: 4.5px;
margin-left: 20px;
font-size: 0;
&:hover {
opacity: 1;
}
}
}
/* Alert : Color Options
------------------------------------
*/
.alert-danger,
.alert-error{
background-color: $color-danger-lighter;
color: $color-danger-darker;
border-color: $color-danger-darker;
.close {
background-position: -95px -10px !important;
}
}
.alert-warning{
background-color: $color-warning-lighter;
color: $color-warning-darker;
border-color: $color-warning-darker;
}
.alert-info{
background-color: $color-complete-lighter;
color: $color-complete-darker;
border-color: $color-complete-darker;
.close {
background-position: -67px -10px !important;
}
}
.alert-success{
background-color: $color-success-lighter;
color: $color-success-darker;
border-color: $color-success-darker;
.close {
background-position: -38px -10px !important;
}
}
.alert-default{
background-color: #fff;
color: $color-master;
border-color: $color-master-light;
.close {
background-position: -67px -10px !important;
}
}