فهرست منبع

Varia: Add spacing override utility classes

Allan Cole 6 سال پیش
والد
کامیت
6b79da4bc5
4فایلهای تغییر یافته به همراه93 افزوده شده و 0 حذف شده
  1. 27 0
      varia/sass/blocks/utilities/_spacing-overrides.scss
  2. 6 0
      varia/sass/blocks/utilities/_style.scss
  3. 30 0
      varia/style-rtl.css
  4. 30 0
      varia/style.css

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

@@ -0,0 +1,27 @@
+/*
+ * Margins
+ */
+
+.margin-top-zero {
+	margin-top: 0 !important;
+}
+
+.margin-top-half {
+	margin-top: (0.5 * map-deep-get($config-global, "spacing", "unit")) !important;
+}
+
+.margin-top-default {
+	margin-top: map-deep-get($config-global, "spacing", "unit") !important;
+}
+
+.margin-bottom-zero {
+	margin-bottom: 0 !important;
+}
+
+.margin-bottom-half {
+	margin-bottom: (0.5 * map-deep-get($config-global, "spacing", "unit")) !important;
+}
+
+.margin-bottom-default {
+	margin-bottom: map-deep-get($config-global, "spacing", "unit") !important;
+}

+ 6 - 0
varia/sass/blocks/utilities/_style.scss

@@ -207,3 +207,9 @@
 		display: block;
 	}
 }
+
+/**
+ * Spacing Overrides
+ */
+
+@import "spacing-overrides";

+ 30 - 0
varia/style-rtl.css

@@ -2054,6 +2054,36 @@ table th,
 	}
 }
 
+/**
+ * Spacing Overrides
+ */
+/*
+ * Margins
+ */
+.margin-top-zero {
+	margin-top: 0 !important;
+}
+
+.margin-top-half {
+	margin-top: 8px !important;
+}
+
+.margin-top-default {
+	margin-top: 16px !important;
+}
+
+.margin-bottom-zero {
+	margin-bottom: 0 !important;
+}
+
+.margin-bottom-half {
+	margin-bottom: 8px !important;
+}
+
+.margin-bottom-default {
+	margin-bottom: 16px !important;
+}
+
 /**
  * Components
  * - Similar to Blocks but exist outside of the "current" editor context

+ 30 - 0
varia/style.css

@@ -2059,6 +2059,36 @@ table th,
 	}
 }
 
+/**
+ * Spacing Overrides
+ */
+/*
+ * Margins
+ */
+.margin-top-zero {
+	margin-top: 0 !important;
+}
+
+.margin-top-half {
+	margin-top: 8px !important;
+}
+
+.margin-top-default {
+	margin-top: 16px !important;
+}
+
+.margin-bottom-zero {
+	margin-bottom: 0 !important;
+}
+
+.margin-bottom-half {
+	margin-bottom: 8px !important;
+}
+
+.margin-bottom-default {
+	margin-bottom: 16px !important;
+}
+
 /**
  * Components
  * - Similar to Blocks but exist outside of the "current" editor context