Pārlūkot izejas kodu

Varia: bring back vertical margins for alignfull columns block to prevent text in columns blocks from touching sibling blocks

Allan Cole 5 gadi atpakaļ
vecāks
revīzija
f491062665
3 mainītis faili ar 24 papildinājumiem un 0 dzēšanām
  1. 8 0
      varia/sass/blocks/columns/_style.scss
  2. 8 0
      varia/style-rtl.css
  3. 8 0
      varia/style.css

+ 8 - 0
varia/sass/blocks/columns/_style.scss

@@ -43,5 +43,13 @@
 	&.alignfull {
 		padding-left: #{map-deep-get($config-global, "spacing", "horizontal")};
 		padding-right: #{map-deep-get($config-global, "spacing", "horizontal")};
+
+		&:not(:first-child) {
+			margin-top: map-deep-get($config-global, "spacing", "vertical");
+		}
+
+		&:not(:last-child) {
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		}
 	}
 }

+ 8 - 0
varia/style-rtl.css

@@ -1176,6 +1176,14 @@ input.has-focus[type="submit"],
 	padding-left: 16px;
 }
 
+.wp-block-columns.alignfull:not(:first-child) {
+	margin-top: 32px;
+}
+
+.wp-block-columns.alignfull:not(:last-child) {
+	margin-bottom: 32px;
+}
+
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: black;

+ 8 - 0
varia/style.css

@@ -1176,6 +1176,14 @@ input.has-focus[type="submit"],
 	padding-right: 16px;
 }
 
+.wp-block-columns.alignfull:not(:first-child) {
+	margin-top: 32px;
+}
+
+.wp-block-columns.alignfull:not(:last-child) {
+	margin-bottom: 32px;
+}
+
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: black;