Ver Fonte

Varia: Add additional spacing overide utility classes for padding all margins on all sides.

Allan Cole há 6 anos atrás
pai
commit
f4b2481acf

+ 77 - 0
varia/sass/blocks/utilities/_spacing-overrides.scss

@@ -14,6 +14,18 @@
 	margin-top: map-deep-get($config-global, "spacing", "vertical") !important;
 }
 
+.margin-right-none {
+	margin-top: 0 !important;
+}
+
+.margin-right-half {
+	margin-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
+}
+
+.margin-right-default {
+	margin-top: map-deep-get($config-global, "spacing", "vertical") !important;
+}
+
 .margin-bottom-none {
 	margin-bottom: 0 !important;
 }
@@ -25,3 +37,68 @@
 .margin-bottom-default {
 	margin-bottom: map-deep-get($config-global, "spacing", "vertical") !important;
 }
+
+.margin-left-none {
+	margin-top: 0 !important;
+}
+
+.margin-left-half {
+	margin-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
+}
+
+.margin-left-default {
+	margin-top: map-deep-get($config-global, "spacing", "vertical") !important;
+}
+
+/*
+ * Padding
+ */
+
+.padding-top-none {
+	padding-top: 0 !important;
+}
+
+.padding-top-half {
+	padding-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
+}
+
+.padding-top-default {
+	padding-top: map-deep-get($config-global, "spacing", "vertical") !important;
+}
+
+.padding-right-none {
+	padding-top: 0 !important;
+}
+
+.padding-right-half {
+	padding-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
+}
+
+.padding-right-default {
+	padding-top: map-deep-get($config-global, "spacing", "vertical") !important;
+}
+
+.padding-bottom-none {
+	padding-bottom: 0 !important;
+}
+
+.padding-bottom-half {
+	padding-bottom: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
+}
+
+.padding-bottom-default {
+	padding-bottom: map-deep-get($config-global, "spacing", "vertical") !important;
+}
+
+.padding-left-none {
+	padding-top: 0 !important;
+}
+
+.padding-left-half {
+	padding-top: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
+}
+
+.padding-left-default {
+	padding-top: map-deep-get($config-global, "spacing", "vertical") !important;
+}
+

+ 75 - 0
varia/style-editor.css

@@ -709,6 +709,18 @@ table th,
 	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;
 }
@@ -720,3 +732,66 @@ table th,
 .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;
+}

+ 75 - 0
varia/style-rtl.css

@@ -2072,6 +2072,18 @@ table th,
 	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;
 }
@@ -2084,6 +2096,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

+ 75 - 0
varia/style.css

@@ -2077,6 +2077,18 @@ table th,
 	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;
 }
@@ -2089,6 +2101,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