Pārlūkot izejas kodu

Radcliffe 2: Fix nested alignwide/full items

Kjell Reigstad 5 gadi atpakaļ
vecāks
revīzija
4c92413bea
1 mainītis faili ar 13 papildinājumiem un 2 dzēšanām
  1. 13 2
      radcliffe-2/assets/css/blocks.css

+ 13 - 2
radcliffe-2/assets/css/blocks.css

@@ -52,7 +52,8 @@ p.alignfull {
 }
 
 @media (min-width: 1160px) {
-	.alignwide {
+	.alignwide,
+	.wp-block-group.alignfull .alignwide {
 		margin-left: -25%;
 		margin-right: -25%;
 		width: auto;
@@ -61,7 +62,8 @@ p.alignfull {
 }
 
 @media (min-width: 750px) {
-	.alignfull {
+	.alignfull,
+	.wp-block-group.alignfull .alignfull {
 		margin-left: calc(50% - 50vw);
 		margin-right: calc(50% - 50vw);
 		width: auto;
@@ -92,12 +94,21 @@ p.alignfull {
 	}
 }
 
+/* Nested Blocks */
+
 .alignfull > *,
 .alignwide > * {
 	margin-left: auto;
 	margin-right: auto;
 }
 
+*[class^="wp-block"] .alignwide,
+*[class^="wp-block"] .alignfull {
+	max-width: 100%;
+	margin-left: inherit;
+	margin-right: inherit;
+}
+
 .alignfull img,
 .alignwide img,
 .alignfull iframe,