summaryrefslogtreecommitdiff
path: root/WebInterface/NodeJSServer/src/style/partials/backdrop
diff options
context:
space:
mode:
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/backdrop')
-rw-r--r--WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss58
-rw-r--r--WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss43
2 files changed, 0 insertions, 101 deletions
diff --git a/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss b/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss
deleted file mode 100644
index 1b7a924..0000000
--- a/WebInterface/NodeJSServer/src/style/partials/backdrop/_base.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@import '../colors';
-
-.backdrop {
- background-color: $secondary;
- color: $secondary-text;
- font-size: 1rem;
-
- .header-bar {
- display: flex;
- align-items: center;
-
- @media (max-height: 550px) {
- margin-top: 0.125rem;
- }
-
- .menu-icon {
- background-image: url("../ressources/menu.png");
- background-position: center;
- background-repeat: no-repeat;
- width: 36px;
- height: 36px;
- padding: 4px;
- margin: 1rem;
- display: inline-block;
- border: none;
- border-radius: 32px;
- transition: background-color 100ms ease;
-
- @media (max-height: 550px) {
- padding: 0;
- margin: 0.125rem;
- }
-
- &:hover {
- background-color: $secondary-dark;
- }
-
- &.open {
- background-image: url("../ressources/menu_close.png");
- }
- }
-
- .header {
- margin: 0;
- padding: 16px;
- text-align: center;
- flex-grow: 1;
-
- @media (min-width: 450px) {
- margin-right: 56px;
- }
-
- @media (max-height: 550px) {
- padding: 0;
- }
- }
- }
-}
diff --git a/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss b/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss
deleted file mode 100644
index 26833d5..0000000
--- a/WebInterface/NodeJSServer/src/style/partials/backdrop/_menu.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@import '../colors';
-
-.backdrop {
- .menu-actions {
- box-sizing: border-box;
- transition: max-height 200ms ease, color 200ms ease, background-color 100ms ease;;
- position: relative;
- max-height: 16rem;
- margin: 0 1rem;
-
- .menu-option {
- color: $primary-text;
- text-decoration: none;
- box-sizing: border-box;
- display: inline-block;
- font-size: 1.5rem;
- width: 100%;
- text-align: center;
- padding: 1rem;
- border: none;
- border-radius: 8px;
- cursor: pointer;
-
- &:hover {
- background-color: $secondary-half-dark;
- }
-
- &.active {
- background-color: $secondary-dark;
- }
- }
-
- &.hidden {
- max-height: 0;
- color: rgba(0,0,0,0);
-
- .menu-option {
- color: rgba(0,0,0,0);
- background-color: rgba(0,0,0,0) !important;
- }
- }
- }
-}