summaryrefslogtreecommitdiff
path: root/scss/values/spacing/_index.scss
diff options
context:
space:
mode:
authorJoe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>2024-01-19 09:33:11 +0000
committerGitHub <noreply@github.com>2024-01-19 09:33:11 +0000
commit7140956da0820d4b818119eff7dfc72345f3328e (patch)
tree503e1129a999fe834d2a7b98a4e82bf07264f49f /scss/values/spacing/_index.scss
parenta4f3cb02befe658594c076144be2e5200f36682a (diff)
parent83c3460191a2089b56b091a7f4e09f39ac636e1e (diff)
Merge pull request #65 from joeacarstairs/deployment-staging
Update production
Diffstat (limited to 'scss/values/spacing/_index.scss')
-rw-r--r--scss/values/spacing/_index.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/scss/values/spacing/_index.scss b/scss/values/spacing/_index.scss
new file mode 100644
index 0000000..8f8a454
--- /dev/null
+++ b/scss/values/spacing/_index.scss
@@ -0,0 +1,24 @@
+/**
+ * 'er' (from 'eighth-rem') is a conceptual unit of length. It is determined
+ * by the total width of the grid, the relative eighth rem length of the grid
+ * padding, and the number of columns in the grid. This means you can just
+ * specify those values for each breakpoint, and the rest of the nitty-gritty
+ * griddy details happens by SCSS magic.
+ */
+
+/**
+ * Breakpoints can be:
+ * - initial
+ * - xs
+ * - sm
+ * - md
+ * - lg
+ * - xl
+ * - xxl
+ */
+
+@forward 'constants' show $grid-column-count, $grid-prose-column-count;
+@forward 'grid' as grid-* hide er-to-absolute;
+@forward 'grid' show er-to-absolute;
+@forward 'spacing';
+