get rid of icons in alerts

This commit is contained in:
Felix Hamann 2018-07-03 10:05:34 +02:00
parent a628519922
commit d8a13e0624

View File

@ -30,7 +30,6 @@
transition: all .3s ease-in-out;
padding-left: 20px;
margin-left: 20px;
margin-right: 60px;
box-shadow: 0 0 7px var(--color-dark);
animation: slide-in-alert .2s ease-out forwards;
@ -86,33 +85,6 @@
position: relative;
display: inline-block;
font-weight: 600;
&::before {
content: '';
position: absolute;
top: 0;
right: -60px;
width: 60px;
height: calc(100% - 0px);
background-color: var(--color-dark);
opacity: 0.4;
}
&::after {
content: '\f05a';
position: absolute;
display: flex;
font-family: "Font Awesome 5 Free";
top: 0;
right: -60px;
width: 60px;
height: calc(100% - 0px);
justify-content: center;
align-items: center;
font-size: 40px;
color: var(--color-dark);
box-shadow: 0 0 2px var(--color-dark);
}
}
@media (max-width: 768px) {
@ -171,22 +143,6 @@
}
}
.alert-success {
.alert__content {
&::before {
background-color: var(--color-success);
}
&::after {
content: '\f05a';
color: var(--color-success);
box-shadow: 0 0 2px var(--color-success);
}
}
}
.alert-warning {
background-color: var(--color-warning);
color: var(--color-dark);
@ -200,19 +156,6 @@
color: var(--color-dark);
}
}
.alert__content {
&::before {
background-color: var(--color-warning);
}
&::after {
content: '\f071';
color: var(--color-warning);
box-shadow: 0 0 2px var(--color-warning);
}
}
}
.alert-danger,
@ -227,19 +170,6 @@
/* TODO: remove me as soon as messagerenderer-error in julius gets resolved */
&::before {
color: var(--color-lightwhite);
}
}
.alert__content {
&::before {
background-color: var(--color-error);
}
&::after {
content: '\f071';
color: var(--color-error);
box-shadow: 0 0 2px var(--color-error);
}
}
}