Browse Source

Varia: Change nested full-width block inside group block

Takashi Irie 5 năm trước cách đây
mục cha
commit
eee198ed4f

+ 1 - 0
varia/sass/blocks/_editor.scss

@@ -12,6 +12,7 @@
 @import "cover/editor";
 @import "heading/editor";
 @import "gallery/editor";
+@import "group/editor";
 @import "latest-posts/editor";
 @import "media-text/editor";
 @import "posts-list/editor";

+ 14 - 0
varia/sass/blocks/group/_editor.scss

@@ -0,0 +1,14 @@
+.wp-block-group {
+	&.has-background {
+		padding: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
+
+		@include media(mobile) {
+			padding: #{map-deep-get($config-global, "spacing", "vertical")};
+		}
+	}
+}
+
+.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
+	margin: 0;
+	width: 100%;
+}

+ 15 - 0
varia/style-editor.css

@@ -388,6 +388,21 @@ object {
 	margin-bottom: 0;
 }
 
+.wp-block-group.has-background {
+	padding: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-group.has-background {
+		padding: 32px;
+	}
+}
+
+.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
+	margin: 0;
+	width: 100%;
+}
+
 .wp-block-latest-posts {
 	padding-left: 0;
 }