1 files changed, 35 insertions, 0 deletions
diff --git a/examples/snowpack/public/styles/_utils.scss b/examples/snowpack/public/styles/_utils.scss
new file mode 100644
index 000000000..d61627ddb
--- /dev/null
+++ b/examples/snowpack/public/styles/_utils.scss
@@ -0,0 +1,35 @@
+/**
+ * Utils
+ */
+
+// margin & padding
+@for $i from 0 through 36 {
+  .ma#{$i} { margin: #{0.5 * $i}rem; }
+  .mt#{$i} { margin-top: #{0.5 * $i}rem; }
+  .mr#{$i} { margin-right: #{0.5 * $i}rem; }
+  .mb#{$i} { margin-bottom: #{0.5 * $i}rem; }
+  .ml#{$i} { margin-left: #{0.5 * $i}rem; }
+  .pa#{$i} { padding: #{0.5 * $i}rem; }
+  .pt#{$i} { padding-top: #{0.5 * $i}rem; }
+  .pr#{$i} { padding-right: #{0.5 * $i}rem; }
+  .pb#{$i} { padding-bottom: #{0.5 * $i}rem; }
+  .pl#{$i} { padding-left: #{0.5 * $i}rem; }
+}
+
+// text align
+.tac { text-align: center; }
+.tal { text-align: left; }
+.tar { text-align: right; }
+
+// wrapper
+.wrapper {
+  max-width: 80em;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.wrapper__readable {
+  max-width: 55em;
+}
+\ No newline at end of file