feat: Optimize SCSS architecture.

2026-02-17 13:20:31 +00:00 · 2021-01-17 12:17:15 +02:00
parent a747750d88
commit 09db5df686
154 changed files with 2814 additions and 2772 deletions
--- a/client/src/style/components/PageForm.scss
+++ b/client/src/style/components/PageForm.scss
@@ -0,0 +1,49 @@
+// .page-form
+//   > .page-form__header
+//   > .page-form__content
+//   > .page-form__floating-actions
+.page-form {
+  $self: '.page-form';
+  padding-bottom: 20px;
+
+  &__floating-actions {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: #fff;
+    padding: 14px 18px;
+    border-top: 1px solid rgba(0, 0, 0, 0.05);
+    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
+  }
+  &--strip {
+    #{$self}__header-fields {
+      width: 85%;
+    }
+    #{$self}__body,
+    #{$self}__footer {
+      max-width: 1200px;
+    }
+
+    #{$self}__header {
+      background-color: #fbfbfb;
+      padding: 30px 20px 0;
+      border-bottom: 1px solid #d2dce2;
+
+      .bp3-form-group.bp3-inline label.bp3-label {
+        font-weight: 500;
+      }
+    }
+
+    #{$self}__body {
+      padding-top: 15px;
+      padding-left: 20px;
+      padding-right: 20px;
+    }
+
+    #{$self}__footer {
+      margin: 25px 0 0 0;
+      padding-left: 20px;
+      padding-right: 20px;
+    }
+  }
+}