more responsive alerts

This commit is contained in:
Felix Hamann 2018-07-01 23:22:30 +02:00
parent 425be24b4b
commit f468e28054

View File

@ -28,7 +28,7 @@
z-index: 0;
max-height: 200px;
transition: all .3s ease-in-out;
padding-left: 30px;
padding-left: 20px;
margin-left: 20px;
margin-right: 60px;
box-shadow: 0 0 7px var(--color-dark);
@ -68,6 +68,7 @@
@media (min-width: 768px) {
.alert {
padding-left: 30px;
margin-left: 40px;
min-width: 400px;
}
@ -114,6 +115,14 @@
}
}
@media (max-width: 768px) {
.alert__content {
padding: 4px 7px;
padding-left: 20px;
}
}
.alert__close {
cursor: pointer;
text-align: right;
@ -155,6 +164,13 @@
}
}
@media (max-width: 768px) {
.alert__close {
width: 40px;
}
}
.alert-success {
.alert__content {