From d8a13e0624302897bc308a5d0b34e8c737d5b9c3 Mon Sep 17 00:00:00 2001 From: Felix Hamann Date: Tue, 3 Jul 2018 10:05:34 +0200 Subject: [PATCH] get rid of icons in alerts --- templates/standalone/alerts.lucius | 70 ------------------------------ 1 file changed, 70 deletions(-) diff --git a/templates/standalone/alerts.lucius b/templates/standalone/alerts.lucius index 43a3a0785..173d9674a 100644 --- a/templates/standalone/alerts.lucius +++ b/templates/standalone/alerts.lucius @@ -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); } } }