Browse Source

Loudness: Add quote styles (#6606)

Co-authored-by: Jason Crist <jcrist@pbking.com>
Vicente Canales 2 years ago
parent
commit
58b6a50d71
3 changed files with 45 additions and 3 deletions
  1. 21 0
      loudness/patterns/pullquote.php
  2. 1 1
      loudness/style.css
  3. 23 2
      loudness/theme.json

+ 21 - 0
loudness/patterns/pullquote.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Title: Pullquote
+ * Slug: loudness/pullquote
+ * Categories: featured, text
+ */
+?>
+
+<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/illustrations/texture.png'; ?>","id":1557,"dimRatio":0,"focalPoint":{"x":0.54,"y":0.48},"align":"full"} -->
+<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1557" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/illustrations/texture.png'; ?>" style="object-position:54% 48%" data-object-fit="cover" data-object-position="54% 48%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","right":"var:preset|spacing|80","bottom":"var:preset|spacing|70","left":"var:preset|spacing|80"},"blockGap":"0"},"border":{"width":"3px"}},"borderColor":"foreground","backgroundColor":"background"} -->
+<div class="wp-block-group has-border-color has-foreground-border-color has-background-background-color has-background" style="border-width:3px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--80)"><!-- wp:paragraph {"align":"center","backgroundColor":"background","textColor":"foreground","fontSize":"large"} -->
+<p class="has-text-align-center has-foreground-color has-background-background-color has-text-color has-background has-large-font-size"><?php echo esc_html__( 'Has anyone ever said, "I wish I could go to more meetings today"?', 'loudness' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"backgroundColor":"background","textColor":"foreground","fontSize":"large","fontFamily":"rubik"} -->
+<p class="has-text-align-center has-foreground-color has-background-background-color has-text-color has-background has-rubik-font-family has-large-font-size" style="text-transform:uppercase"><strong><?php echo esc_html__( 'Matt Mullenweg', 'loudness' ); ?></strong></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover -->

+ 1 - 1
loudness/style.css

@@ -92,4 +92,4 @@ Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, feature
 
 .wp-block-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
 	width: 100%;
-}
+}

+ 23 - 2
loudness/theme.json

@@ -270,7 +270,17 @@
 				},
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--large)",
-					"fontStyle": "italic"
+					"fontStyle": "normal"
+				},
+				"elements": {
+					"cite": {
+						"typography": {
+							"fontStyle": "normal",
+							"textTransform": "uppercase",
+							"letterSpacing": "0.15em",
+							"fontSize": "var(--wp--preset--font-size--small)"
+						}
+					}
 				}
 			},
 			"core/query-pagination": {
@@ -293,7 +303,18 @@
 					}
 				},
 				"typography": {
-					"fontStyle": "normal"
+					"fontStyle": "normal",
+					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"elements": {
+					"cite": {
+						"typography": {
+							"fontStyle": "normal",
+							"textTransform": "uppercase",
+							"letterSpacing": "0.15em",
+							"fontSize": "var(--wp--preset--font-size--small)"
+						}
+					}
 				}
 			},
 			"core/search": {