Commit current progress.

web/themes/custom/dchadwick/css/style.css

@@ -601,6 +601,41 @@ table.cols-5 td.incorrect {
   line-height: 24px;
 }
 
+.margin-1 {
+  margin: 1rem;
+}
+.margin-2 {
+  margin: 2rem;
+}
+
+.m-top-1 {
+  margin-top: 1rem;
+}
+.m-top-2 {
+  margin-top: 2rem;
+}
+
+.m-bottom-1 {
+  margin-bottom: 1rem;
+}
+.m-bottom-2 {
+  margin-bottom: 2rem;
+}
+
+.padding-1 {
+  padding: 1rem;
+}
+.padding-2 {
+  padding: 2rem;
+}
+
+.p-topbottom-1 {
+  padding: 1rem 0;
+}
+.p-topbottom-2 {
+  padding: 2rem 0;
+}
+
 html {
   font-size: 100%;
   box-sizing: border-box;

web/themes/custom/dchadwick/src/sass/partials/lb-styles.scss

@@ -0,0 +1,54 @@
+.margin {
+  &-1 {
+    margin: 1rem;
+  }
+
+  &-2 {
+    margin: 2rem;
+  }
+}
+
+.m-top {
+  &-1 {
+    margin-top: 1rem;
+  }
+
+  &-2 {
+    margin-top: 2rem;
+  }
+}
+
+.m-bottom {
+  &-1 {
+    margin-bottom: 1rem;
+  }
+
+  &-2 {
+    margin-bottom: 2rem;
+  }
+}
+
+.padding {
+
+  &-1 {
+    padding: 1rem;
+  }
+
+  &-2 {
+    padding: 2rem;
+  }
+
+}
+
+.p-topbottom {
+
+  &-1 {
+    padding: 1rem 0;
+
+  }
+
+  &-2 {
+    padding: 2rem 0;
+  }
+
+}

web/themes/custom/dchadwick/src/sass/style.scss

@@ -49,6 +49,7 @@ $container-plus-padding: 1216px;
 @import "partials/article";
 @import "partials/breadcrumbs";
 @import "partials/characters";
+@import "partials/lb-styles";
 
 html {
   font-size: 100%;