Issue #3380579 by jldust, Shreya_th, pixelwhip: Move settings into theme...

Issue #3380579 by jldust, Shreya_th, pixelwhip: Move settings into theme section within the libraries.yml

libraries/global/settings/space.scss

+:root {
+  /* Space between items (margin or gap). */
+  --space-gap: 2em;
+  --space-gap-x: var(--space-gap);
+  --space-gap-y: var(--space-gap);
+
+  --space-gap-tight: 1em;
+  --space-gap-x-tight: var(--space-gap-tight);
+  --space-gap-y-tight: var(--space-gap-tight);
+
+  --space-gap-minimal: .25em;
+  --space-gap-x-minimal: var(--space-gap-minimal);
+  --space-gap-y-minimal: var(--space-gap-minimal);
+
+  /* Amount of indentation on list items. */
+  --space-indent: 1em;
+
+  /* Space between and the edge of their containers (padding). */
+  --space-inset: 20px;
+  --space-inset-x: var(--space-inset);
+  --space-inset-y: var(--space-inset);
+  --space-inset-min: 20px;
+
+}
+
+@media (width >= 600px) {
+  :root {
+    --space-gap: 30px;
+    --space-inset: 30px;
+  }
+}
+
+@media (width >= 768px) {
+  :root {
+    --space-gap: 42px;
+    --space-inset: 42px;
+  }
+}
+
+@media (width >= 992px) {
+  :root {
+    --space-gap: 60px;
+    --space-inset: 60px;
+  }
+}

prototype.libraries.yml

@@ -8,7 +8,9 @@ global:
       dist/css/global/base/page.css: {}
       dist/css/global/base/reset.css: {}
       dist/css/global/base/tables.css: {}
+    layout:
+      dist/css/global/layout/layout.css: {}
+    theme:
       dist/css/global/settings/color.css: {}
+      dist/css/global/settings/space.css: {}
       dist/css/global/settings/typography.css: {}
-    layout:
-      dist/css/global/layout.css: {}