mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-20 21:13:59 +00:00
93 lines
2.1 KiB
SCSS
Vendored
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;
|
|
}
|
|
} |