summaryrefslogtreecommitdiff
path: root/WebInterface/NodeJSServer/src/style/partials/modal
diff options
context:
space:
mode:
authorDennis Kobert <d-kobert@web.de>2019-06-11 23:53:30 +0200
committerDennis Kobert <d-kobert@web.de>2019-06-11 23:53:30 +0200
commit3a3d0fc3d4733f8908e23a03f860d76340479ec4 (patch)
treecf4b82f61d01d2a24836e9820d73972436847982 /WebInterface/NodeJSServer/src/style/partials/modal
parentc28c9fafa2c74b101f7ce777aac722dcdeecefc6 (diff)
Reorganize Project structure
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/modal')
-rw-r--r--WebInterface/NodeJSServer/src/style/partials/modal/_base.scss35
-rw-r--r--WebInterface/NodeJSServer/src/style/partials/modal/_login.scss55
2 files changed, 0 insertions, 90 deletions
diff --git a/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss b/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss
deleted file mode 100644
index 006c241..0000000
--- a/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@import '../colors';
-
-.modal-container {
- position:absolute;
- top: 0;
- width: 100vw;
- height: 100vh;
- background-color: #000000AA;
- display: flex;
- opacity: 1;
- transition: opacity 200ms ease;
-
- &.hidden {
- opacity: 0;
- }
-
- .modal {
- background-color: $primary;
- margin: auto;
- padding: 1rem;
- border-style: none;
- border-radius: 8px;
- box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
- }
-
- .modal-title {
- max-width: 85vw;
- margin: 1rem;
- text-align: center;
- }
-
- .modal-body {
- margin: 0.25rem;
- }
-}
diff --git a/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss b/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss
deleted file mode 100644
index 71adf61..0000000
--- a/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.modal {
- .modal-title {
- white-space: nowrap;
- overflow: hidden;
- }
-
- .modal-body {
- display: grid;
- grid-template-columns: 10em 1fr;
- grid-template-rows: 1fr 1fr 1fr;
- grid-row-gap: 0.5rem;
-
- &.frst-warning {
- grid-template-rows: 1fr 1rem 1fr 1fr;
- }
-
- &.scnd-warning {
- grid-template-rows: 1fr 1fr 1rem 1fr;
- }
-
- div {
- display: contents;
- font-size: 1.25rem;
-
- label {
- margin-right: 2rem;
- grid-column: 1 / 2;
- line-height: 1.25em;
- }
-
- input {
- grid-column: 2 / 3;
- border-color: none;
- }
-
- span {
- margin-top: -0.5rem;
- grid-column: 1 / 3;
- color: $primary-warning-text;
- background-color: $primary;
- font-size: 0.9rem;
- line-height: 1.2rem;
- padding: 0.25rem;
-
- &.hidden {
- display: none;
- }
- }
-
- button {
- grid-column: 1 / 3;
- }
- }
- }
-}