diff options
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss')
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss b/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss deleted file mode 100644 index d8e8159..0000000 --- a/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss +++ /dev/null @@ -1,84 +0,0 @@ -@import '../colors'; - -.front-layer { - .banner { - background-color: white; - border: none; - border-radius: 16px 16px 0 0; - display: flex; - margin: 0; - margin-bottom: 1rem; - padding-top: 1rem; - max-height: 10rem; - flex-direction: row; - flex-wrap: wrap; - transform-origin: top; - transition: max-height 200ms ease, transform 200ms ease, visibility 200ms step-start; - min-height: 3.5rem; - justify-items: center; - justify-content: center; - - @media (max-height: 550px) { - position: absolute; - width: 100%; - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - } - - &.hidden { - transform: scaleY(0); - visibility: hidden; - max-height: 0; - transition: max-height 200ms ease, transform 200ms ease, visibility 200ms step-end; - min-height: 0; - margin-bottom: 0; - } - - .notification-badge { - height: 1rem; - min-width: 1rem; - font-weight: bold; - color: $secondary-text; - font-size: 1rem; - padding: 0.5rem; - margin: 0.5rem 0 0.5rem 1rem; - text-align: center; - line-height: 1rem; - background-color: $secondary; - border: none; - border-radius: 50%; - - &.hidden { - display: none; - } - } - - .banner-text { - align-self: left; - margin: 1rem; - flex-grow: 100; - } - - .btn-container{ - display: flex; - flex-grow: 1; - text-align: right; - - - .banner-button { - color: $secondary-dark; - padding: 8px 16px; - margin: 0; - margin-right: 1rem; - letter-spacing: 0.125rem; - } - } - - hr { - width: 100%; - - @media (max-height: 550px) { - margin-bottom: 0; - } - } - } -} |