2023-05-11 21:48:16 +02:00
|
|
|
div.alert {
|
|
|
|
|
margin-block: 1rem;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
border-radius: 0.5rem;
|
|
|
|
|
border-left: 0.5rem solid #268678;
|
|
|
|
|
background: #494d64;
|
|
|
|
|
transition: opacity 0.5s ease-in-out;
|
2023-05-11 23:28:39 +02:00
|
|
|
position: relative;
|
2023-05-11 21:48:16 +02:00
|
|
|
}
|
|
|
|
|
div.alert.effect {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
div.alert.error {
|
|
|
|
|
border-left-color: #ed8796;
|
2023-05-11 23:28:39 +02:00
|
|
|
}
|
|
|
|
|
div.alert i.ti.ti-x {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0.5rem;
|
|
|
|
|
right: 0.5rem;
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
transition: color 0.1s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
div.alert i.ti.ti-x:hover {
|
|
|
|
|
color: #ed8796;
|
2023-05-11 21:48:16 +02:00
|
|
|
}/*# sourceMappingURL=utils.css.map */
|
