Browse Source

Merge pull request #1864 from Automattic/add/fullwide-group-block-styles

[Multiple Themes] Assign a max-width to containers in group and cover blocks.
Allan Cole 5 years ago
parent
commit
e306d1b320

+ 12 - 0
apostrophe-2/css/blocks.css

@@ -51,6 +51,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	display: flex;
 }
 
+.wp-block-cover.alignfull .wp-block-cover__inner-container {
+	max-width: 730px;
+	margin: 0 auto;
+}
+
 /* Full Width */
 
 body {
@@ -364,6 +369,13 @@ body {
 	border-color: transparent;
 }
 
+/* Group */
+
+.wp-block-group.alignfull .wp-block-group__inner-container {
+	max-width: 730px;
+	margin: 0 auto;
+}
+
 /* Seperator */
 
 hr.wp-block-separator {

+ 12 - 0
independent-publisher-2/css/blocks.css

@@ -175,6 +175,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	margin-bottom: inherit;
 }
 
+.wp-block-cover.alignfull .wp-block-cover__inner-container {
+	max-width: 740px;
+	margin: 0 auto;
+}
+
 /* File */
 
 .wp-block-file .wp-block-file__button {
@@ -321,6 +326,13 @@ body:not(.has-sidebar) .wp-block-table.alignfull {
 	background: #767676;
 }
 
+/* Group */
+
+.wp-block-group.alignfull .wp-block-group__inner-container {
+	max-width: 740px;
+	margin: 0 auto;
+}
+
 /* Separator */
 
 .wp-block-separator {

+ 12 - 0
ixion/blocks.css

@@ -175,6 +175,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	display: flex;
 }
 
+.wp-block-cover.alignfull .wp-block-cover__inner-container {
+	max-width: 712px;
+	margin: 0 auto;
+}
+
 /* File */
 
 .wp-block-file {
@@ -357,6 +362,13 @@ p.has-drop-cap:not(:focus)::first-letter {
 	color: #fff;
 }
 
+/* Group */
+
+.wp-block-group.alignfull .wp-block-group__inner-container {
+	max-width: 712px;
+	margin: 0 auto;
+}
+
 /* Seperator */
 
 hr.wp-block-separator {

+ 11 - 1
libre-2/css/blocks.css

@@ -216,6 +216,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-size: 1.5em;
 }
 
+.wp-block-cover.alignfull .wp-block-cover__inner-container {
+	max-width: 740px;
+	margin: 0 auto;
+}
+
 /* File */
 
 .wp-block-file a:not(.wp-block-file__button),
@@ -359,7 +364,12 @@ p.has-drop-cap:not(:focus)::first-letter {
 	box-shadow: none;
 }
 
-/* Columns */
+/* Group */
+
+.wp-block-group.alignfull .wp-block-group__inner-container {
+	max-width: 740px;
+	margin: 0 auto;
+}
 
 /* Separator */
 

+ 12 - 0
radcliffe-2/assets/css/blocks.css

@@ -231,6 +231,11 @@ ul.wp-block-gallery li {
 	height: 75vh;
 }
 
+.wp-block-cover.alignfull .wp-block-cover__inner-container {
+	max-width: 740px;
+	margin: 0 auto;
+}
+
 /* File */
 
 .wp-block-file .wp-block-file__button {
@@ -370,6 +375,13 @@ ul.wp-block-gallery li {
 	display: block;
 }
 
+/* Group */
+
+.wp-block-group.alignfull .wp-block-group__inner-container {
+	max-width: 740px;
+	margin: 0 auto;
+}
+
 /* Separator */
 
 .wp-block-separator {