summaryrefslogtreecommitdiff
path: root/WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss')
-rw-r--r--WebInterface/NodeJSServer/src/style/partials/front-layer/_notifications.scss84
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;
- }
- }
- }
-}