Brompton: Add extra spacing utility classes

brompton/style-editor.css

@@ -735,6 +735,111 @@ table th,
 	font-weight: 900;
 }
 
+/**
+ * Spacing Overrides
+ */
+/*
+ * Margins
+ */
+.margin-top-none {
+	margin-top: 0 !important;
+}
+
+.margin-top-half {
+	margin-top: 16px !important;
+}
+
+.margin-top-default {
+	margin-top: 32px !important;
+}
+
+.margin-right-none {
+	margin-top: 0 !important;
+}
+
+.margin-right-half {
+	margin-top: 16px !important;
+}
+
+.margin-right-default {
+	margin-top: 32px !important;
+}
+
+.margin-bottom-none {
+	margin-bottom: 0 !important;
+}
+
+.margin-bottom-half {
+	margin-bottom: 16px !important;
+}
+
+.margin-bottom-default {
+	margin-bottom: 32px !important;
+}
+
+.margin-left-none {
+	margin-top: 0 !important;
+}
+
+.margin-left-half {
+	margin-top: 16px !important;
+}
+
+.margin-left-default {
+	margin-top: 32px !important;
+}
+
+/*
+ * Padding
+ */
+.padding-top-none {
+	padding-top: 0 !important;
+}
+
+.padding-top-half {
+	padding-top: 16px !important;
+}
+
+.padding-top-default {
+	padding-top: 32px !important;
+}
+
+.padding-right-none {
+	padding-top: 0 !important;
+}
+
+.padding-right-half {
+	padding-top: 16px !important;
+}
+
+.padding-right-default {
+	padding-top: 32px !important;
+}
+
+.padding-bottom-none {
+	padding-bottom: 0 !important;
+}
+
+.padding-bottom-half {
+	padding-bottom: 16px !important;
+}
+
+.padding-bottom-default {
+	padding-bottom: 32px !important;
+}
+
+.padding-left-none {
+	padding-top: 0 !important;
+}
+
+.padding-left-half {
+	padding-top: 16px !important;
+}
+
+.padding-left-default {
+	padding-top: 32px !important;
+}
+
 /**
  * Extras
  */

brompton/style-rtl.css

@@ -2101,7 +2101,7 @@ table th,
 /*
  * Margins
  */
-.margin-top-zero {
+.margin-top-none {
 	margin-top: 0 !important;
 }
 
@@ -2113,7 +2113,19 @@ table th,
 	margin-top: 32px !important;
 }
 
-.margin-bottom-zero {
+.margin-right-none {
+	margin-top: 0 !important;
+}
+
+.margin-right-half {
+	margin-top: 16px !important;
+}
+
+.margin-right-default {
+	margin-top: 32px !important;
+}
+
+.margin-bottom-none {
 	margin-bottom: 0 !important;
 }
 
@@ -2125,6 +2137,69 @@ table th,
 	margin-bottom: 32px !important;
 }
 
+.margin-left-none {
+	margin-top: 0 !important;
+}
+
+.margin-left-half {
+	margin-top: 16px !important;
+}
+
+.margin-left-default {
+	margin-top: 32px !important;
+}
+
+/*
+ * Padding
+ */
+.padding-top-none {
+	padding-top: 0 !important;
+}
+
+.padding-top-half {
+	padding-top: 16px !important;
+}
+
+.padding-top-default {
+	padding-top: 32px !important;
+}
+
+.padding-right-none {
+	padding-top: 0 !important;
+}
+
+.padding-right-half {
+	padding-top: 16px !important;
+}
+
+.padding-right-default {
+	padding-top: 32px !important;
+}
+
+.padding-bottom-none {
+	padding-bottom: 0 !important;
+}
+
+.padding-bottom-half {
+	padding-bottom: 16px !important;
+}
+
+.padding-bottom-default {
+	padding-bottom: 32px !important;
+}
+
+.padding-left-none {
+	padding-top: 0 !important;
+}
+
+.padding-left-half {
+	padding-top: 16px !important;
+}
+
+.padding-left-default {
+	padding-top: 32px !important;
+}
+
 /**
  * Components
  * - Similar to Blocks but exist outside of the "current" editor context

brompton/style.css

@@ -2106,7 +2106,7 @@ table th,
 /*
  * Margins
  */
-.margin-top-zero {
+.margin-top-none {
 	margin-top: 0 !important;
 }
 
@@ -2118,7 +2118,19 @@ table th,
 	margin-top: 32px !important;
 }
 
-.margin-bottom-zero {
+.margin-right-none {
+	margin-top: 0 !important;
+}
+
+.margin-right-half {
+	margin-top: 16px !important;
+}
+
+.margin-right-default {
+	margin-top: 32px !important;
+}
+
+.margin-bottom-none {
 	margin-bottom: 0 !important;
 }
 
@@ -2130,6 +2142,69 @@ table th,
 	margin-bottom: 32px !important;
 }
 
+.margin-left-none {
+	margin-top: 0 !important;
+}
+
+.margin-left-half {
+	margin-top: 16px !important;
+}
+
+.margin-left-default {
+	margin-top: 32px !important;
+}
+
+/*
+ * Padding
+ */
+.padding-top-none {
+	padding-top: 0 !important;
+}
+
+.padding-top-half {
+	padding-top: 16px !important;
+}
+
+.padding-top-default {
+	padding-top: 32px !important;
+}
+
+.padding-right-none {
+	padding-top: 0 !important;
+}
+
+.padding-right-half {
+	padding-top: 16px !important;
+}
+
+.padding-right-default {
+	padding-top: 32px !important;
+}
+
+.padding-bottom-none {
+	padding-bottom: 0 !important;
+}
+
+.padding-bottom-half {
+	padding-bottom: 16px !important;
+}
+
+.padding-bottom-default {
+	padding-bottom: 32px !important;
+}
+
+.padding-left-none {
+	padding-top: 0 !important;
+}
+
+.padding-left-half {
+	padding-top: 16px !important;
+}
+
+.padding-left-default {
+	padding-top: 32px !important;
+}
+
 /**
  * Components
  * - Similar to Blocks but exist outside of the "current" editor context