瀏覽代碼

Adjusted large blockquote style per design (#3834)

* Adjusted large blockquote style per design

* Unset the cite alignment.

* Update quadrat/sass/blocks/_quote.scss

Co-authored-by: Jeff Ong <jonger4@gmail.com>
Co-authored-by: Jeff Ong <jeff.ong@automattic.com>
Jason Crist 4 年之前
父節點
當前提交
7b8b4186b4
共有 3 個文件被更改,包括 18 次插入0 次删除
  1. 8 0
      quadrat/assets/theme.css
  2. 9 0
      quadrat/sass/blocks/_quote.scss
  3. 1 0
      quadrat/sass/theme.scss

+ 8 - 0
quadrat/assets/theme.css

@@ -146,6 +146,14 @@ ul ul {
 	margin-left: 20%;
 }
 
+.wp-block-quote.is-style-large p {
+	line-height: 1.4;
+}
+
+.wp-block-quote.is-style-large cite {
+	text-align: unset;
+}
+
 .wp-block-table th {
 	font-weight: 500;
 }

+ 9 - 0
quadrat/sass/blocks/_quote.scss

@@ -0,0 +1,9 @@
+.wp-block-quote.is-style-large {
+	p {
+		line-height: 1.4;
+	}
+
+	cite {
+		text-align: unset; // Gutenberg adds a text-align: right to the cite, we don't want this. 
+	}
+}

+ 1 - 0
quadrat/sass/theme.scss

@@ -7,6 +7,7 @@
 @import "blocks/media-text";
 @import "blocks/navigation";
 @import "blocks/post-navigation-link";
+@import "blocks/quote";
 @import "blocks/table";
 @import "block-patterns/headlines";
 @import "elements/links";