Mo Elzubeir
56 lines
743 B
SCSS
56 lines
743 B
SCSS
/* Removed from core css file */
|
|
|
|
.alerts-container {
|
|
bottom: 20px;
|
|
right: 20px;
|
|
position: fixed;
|
|
width: 200px;
|
|
z-index: 5000;
|
|
}
|
|
|
|
.alert {
|
|
background: #fff;
|
|
border: 1px solid #bcbec0;
|
|
margin-bottom: 10px;
|
|
width: 200px;
|
|
|
|
&.notice {
|
|
border-top: 4px solid #77b800;
|
|
}
|
|
|
|
&.warning {
|
|
border-top: 4px solid #ff9900;
|
|
}
|
|
|
|
&.error {
|
|
border-top: 4px solid #ff0000;
|
|
}
|
|
|
|
&__head {
|
|
border-bottom: 1px solid #bcbec0;
|
|
display: flex;
|
|
padding: 8px;
|
|
}
|
|
|
|
&__close-btn {
|
|
color: #000;
|
|
}
|
|
|
|
&__title {
|
|
flex-grow: 1;
|
|
font-size: 18px;
|
|
margin-inline-end: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
&__body {
|
|
min-height: 100px;
|
|
padding: 8px;
|
|
}
|
|
|
|
&__text {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|