Selaa lähdekoodia

Ixion: Fix nested alignwide/full items

Kjell Reigstad 5 vuotta sitten
vanhempi
commit
59cdc63d5d
1 muutettua tiedostoa jossa 16 lisäystä ja 2 poistoa
  1. 16 2
      ixion/blocks.css

+ 16 - 2
ixion/blocks.css

@@ -26,7 +26,8 @@ Description: Used to style Gutenberg Blocks.
 
 /* Full Width */
 
-.no-sidebar .alignfull {
+.no-sidebar .alignfull,
+.no-sidebar .wp-block-group .alignfull {
 	position: relative;
 	min-width: 100vw;
 	margin-left: 50%;
@@ -57,7 +58,8 @@ Description: Used to style Gutenberg Blocks.
 /* Wide Width */
 
 @media (min-width: 1024px) {
-	.no-sidebar .alignwide {
+	.no-sidebar .alignwide,
+	.no-sidebar .wp-block-group .alignwide {
 		width: 120%;
 		max-width: 120%;
 		margin-left: -10%;
@@ -71,6 +73,18 @@ Description: Used to style Gutenberg Blocks.
 	}
 }
 
+/* Nested Blocks */
+
+.no-sidebar *[class^="wp-block"] .alignwide,
+.no-sidebar *[class^="wp-block"] .alignfull {
+	min-width: inherit;
+	max-width: inherit;
+	margin-left: inherit;
+	margin-right: inherit;
+	left: initial;
+	transform: none;
+}
+
 /* Captions */
 
 [class^="wp-block-"] figcaption {