Initial commit

packages/base-design/Resources/Public/Scss/Layout/_fonts.scss

@@ -0,0 +1,3 @@
+body {
+  font-family: 'sans-serif'
+}

packages/base-design/Resources/Public/Scss/Layout/_frame.scss

@@ -0,0 +1,21 @@
+:root {
+  --frame-outer-spacing-variant-zero: 0;
+  --frame-outer-spacing-variant-none: 2rem;
+  --frame-outer-spacing-variant-extra-large: 10rem;
+}
+
+.frame-space-after-none {
+  --frame-outer-spacing-after: var(--frame-outer-spacing-variant-none) !important;
+}
+
+.frame-space-before-none {
+  --frame-outer-spacing-before: var(--frame-outer-spacing-variant-none) !important;
+}
+
+.frame-space-after-zero {
+  --frame-outer-spacing-after: var(--frame-outer-spacing-variant-zero);
+}
+
+.frame-space-before-zero {
+  --frame-outer-spacing-before: var(--frame-outer-spacing-variant-zero);
+}

packages/base-design/Resources/Public/Scss/Layout/_text.scss

@@ -0,0 +1,35 @@
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 500;
+  color: $primary;
+}
+
+.frame-background-primary {
+  color: $white;
+
+  .btn-primary {
+    background: $white;
+    color: $primary;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    color: $white;
+  }
+}
+
+.frame-background-light {
+
+}
+
+a {
+  text-decoration: none;
+}
+
+.btn {
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+}
+
+.btn-primary {
+  color: $white;
+}

packages/base-design/Resources/Public/Scss/Layout/layout.scss

@@ -0,0 +1,6 @@
+@import "fonts";
+@import "footer";
+@import "form";
+@import "frame";
+@import "search";
+@import "text";

packages/base-design/Resources/Public/Scss/main.scss

@@ -0,0 +1,22 @@
+@import "../../../../../vendor/bk2k/bootstrap-package/Resources/Public/Scss/bootstrap5/theme.scss";
+
+@import "Layout/layout";
+@import "Elements/elements";
+
+.frame {
+  &.loading {
+    position: relative;
+
+    &:before {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+        background: rgba(255, 255, 255, .5);
+    }
+  }
+}
+