Ver Fonte

added podcast links block pattern

Maggie Cabrera há 4 anos atrás
pai
commit
a4e6cb4aab

+ 3 - 2
spearhead/assets/sass/_block-extends.scss

@@ -1,5 +1,6 @@
 // Import the block extends
-@import "block-extends/search";
+@import "block-extends/categories";
 @import "block-extends/latest-posts";
+@import "block-extends/links";
 @import "block-extends/related-posts";
-@import "block-extends/categories";
+@import "block-extends/search";

+ 5 - 0
spearhead/assets/sass/block-extends/_links.scss

@@ -0,0 +1,5 @@
+.podcast-links-block {
+    a {
+        margin: 0 4px;
+    }
+}

+ 9 - 0
spearhead/inc/block-patterns.php

@@ -50,6 +50,15 @@ if ( ! function_exists( 'spearhead_register_block_patterns' ) ) :
 					<!-- wp:categories /-->',
 				)
 			);
+
+			register_block_pattern(
+				'spearhead/podcast-links',
+				array(
+					'title'      => __( 'Podcast links', 'spearhead' ),
+					'categories' => array( 'spearhead' ),
+					'content'    => '<!-- wp:paragraph {"className":"podcast-links-block","style":{"typography":{"fontSize":17}}} --><p class="podcast-links-block" style="font-size:17px">Podcast available on:  <a rel="noreferrer noopener" target="_blank" href="https://www.apple.com/">Apple </a><a rel="noreferrer noopener" target="_blank" href="https://www.breaker.audio/">Breaker </a><a rel="noreferrer noopener" target="_blank" href="https://www.google.com/">Google </a><a rel="noreferrer noopener" target="_blank" href="https://www.linkedin.com/">LinkedIn </a><a rel="noreferrer noopener" target="_blank" href="https://overcast.fm/">Overcast </a><a rel="noreferrer noopener" target="_blank" href="https://www.spotify.com/">Spotify </a><a rel="noreferrer noopener" target="_blank" href="https://twitter.com/">Twitter </a><a href="https://www.youtube.com/" target="_blank" rel="noreferrer noopener">YouTube</a></p><!-- /wp:paragraph -->',
+				)
+			);
 		}
 
 		/**

+ 62 - 58
spearhead/style-rtl.css

@@ -320,59 +320,25 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
-.wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
-	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__inside-wrapper {
-	flex-direction: row-reverse;
-	padding-right: 0;
-	border: none;
-	border-bottom: var(--form--border-width) solid var(--form--border-color);
-}
-
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__input {
-	border: none;
-	padding: 0 10px 0 0;
-	font-size: var(--global--font-size-sm);
-}
-
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon {
-	margin-right: 0;
-	background: transparent;
-	color: var(--entry-header--color);
+ul.wp-block-categories,
+.wp-block-categories ul {
+	list-style-type: none;
+	margin-top: 0;
 	padding: 0;
-	border: none;
-	transform: scaleX(-1);
-	min-width: 14px;
 }
 
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon svg {
-	width: 14px;
-	height: 14px;
-}
-
-.wp-block-search .wp-block-search__button {
-	border: none;
-	box-shadow: none;
-}
-
-.wp-block-search .wp-block-search__button.has-icon svg {
-	width: 24px;
-	height: 24px;
+.wp-block-categories .cat-item {
+	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
 }
 
-.wp-block-search .wp-block-search__inside-wrapper {
-	background: transparent;
-	color: var(--global--color-secondary);
-	align-items: center;
+.wp-block-categories a {
+	color: var(--entry-header--color);
+	font-size: var(--global--font-size-lg);
 }
 
-.wp-block-search .wp-block-search__input {
-	background: transparent;
-	color: var(--global--color-secondary);
-	border: none;
-	border-bottom: var(--form--border-width) solid var(--form--border-color);
+.wp-block-categories a:hover {
+	border-color: transparent;
+	color: var(--global--color-primary);
 }
 
 .wp-block-latest-posts > li:not(.is-grid) {
@@ -390,6 +356,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	color: var(--global--color-primary);
 }
 
+.podcast-links-block a {
+	margin: 0 4px;
+}
+
 .wp-block-jetpack-related-posts .jp-related-posts-i2__post {
 	margin: 0 0 0 var(--global--spacing-horizontal);
 }
@@ -412,25 +382,59 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-transform: uppercase;
 }
 
-ul.wp-block-categories,
-.wp-block-categories ul {
-	list-style-type: none;
-	margin-top: 0;
-	padding: 0;
+.wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
+	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
 
-.wp-block-categories .cat-item {
-	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	flex-direction: row-reverse;
+	padding-right: 0;
+	border: none;
+	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
-.wp-block-categories a {
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__input {
+	border: none;
+	padding: 0 10px 0 0;
+	font-size: var(--global--font-size-sm);
+}
+
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon {
+	margin-right: 0;
+	background: transparent;
 	color: var(--entry-header--color);
-	font-size: var(--global--font-size-lg);
+	padding: 0;
+	border: none;
+	transform: scaleX(-1);
+	min-width: 14px;
 }
 
-.wp-block-categories a:hover {
-	border-color: transparent;
-	color: var(--global--color-primary);
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon svg {
+	width: 14px;
+	height: 14px;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	width: 24px;
+	height: 24px;
+}
+
+.wp-block-search .wp-block-search__inside-wrapper {
+	background: transparent;
+	color: var(--global--color-secondary);
+	align-items: center;
+}
+
+.wp-block-search .wp-block-search__input {
+	background: transparent;
+	color: var(--global--color-secondary);
+	border: none;
+	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
 .screen-reader-text, .search-form input[type="submit"] {

+ 62 - 58
spearhead/style.css

@@ -320,59 +320,25 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
-.wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
-	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__inside-wrapper {
-	flex-direction: row-reverse;
-	padding-left: 0;
-	border: none;
-	border-bottom: var(--form--border-width) solid var(--form--border-color);
-}
-
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__input {
-	border: none;
-	padding: 0 0 0 10px;
-	font-size: var(--global--font-size-sm);
-}
-
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon {
-	margin-left: 0;
-	background: transparent;
-	color: var(--entry-header--color);
+ul.wp-block-categories,
+.wp-block-categories ul {
+	list-style-type: none;
+	margin-top: 0;
 	padding: 0;
-	border: none;
-	transform: scaleX(-1);
-	min-width: 14px;
 }
 
-.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon svg {
-	width: 14px;
-	height: 14px;
-}
-
-.wp-block-search .wp-block-search__button {
-	border: none;
-	box-shadow: none;
-}
-
-.wp-block-search .wp-block-search__button.has-icon svg {
-	width: 24px;
-	height: 24px;
+.wp-block-categories .cat-item {
+	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
 }
 
-.wp-block-search .wp-block-search__inside-wrapper {
-	background: transparent;
-	color: var(--global--color-secondary);
-	align-items: center;
+.wp-block-categories a {
+	color: var(--entry-header--color);
+	font-size: var(--global--font-size-lg);
 }
 
-.wp-block-search .wp-block-search__input {
-	background: transparent;
-	color: var(--global--color-secondary);
-	border: none;
-	border-bottom: var(--form--border-width) solid var(--form--border-color);
+.wp-block-categories a:hover {
+	border-color: transparent;
+	color: var(--global--color-primary);
 }
 
 .wp-block-latest-posts > li:not(.is-grid) {
@@ -390,6 +356,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	color: var(--global--color-primary);
 }
 
+.podcast-links-block a {
+	margin: 0 4px;
+}
+
 .wp-block-jetpack-related-posts .jp-related-posts-i2__post {
 	margin: 0 var(--global--spacing-horizontal) 0 0;
 }
@@ -412,25 +382,59 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-transform: uppercase;
 }
 
-ul.wp-block-categories,
-.wp-block-categories ul {
-	list-style-type: none;
-	margin-top: 0;
-	padding: 0;
+.wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
+	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
 
-.wp-block-categories .cat-item {
-	margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	flex-direction: row-reverse;
+	padding-left: 0;
+	border: none;
+	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
-.wp-block-categories a {
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__input {
+	border: none;
+	padding: 0 0 0 10px;
+	font-size: var(--global--font-size-sm);
+}
+
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon {
+	margin-left: 0;
+	background: transparent;
 	color: var(--entry-header--color);
-	font-size: var(--global--font-size-lg);
+	padding: 0;
+	border: none;
+	transform: scaleX(-1);
+	min-width: 14px;
 }
 
-.wp-block-categories a:hover {
-	border-color: transparent;
-	color: var(--global--color-primary);
+.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button.has-icon svg {
+	width: 14px;
+	height: 14px;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	width: 24px;
+	height: 24px;
+}
+
+.wp-block-search .wp-block-search__inside-wrapper {
+	background: transparent;
+	color: var(--global--color-secondary);
+	align-items: center;
+}
+
+.wp-block-search .wp-block-search__input {
+	background: transparent;
+	color: var(--global--color-secondary);
+	border: none;
+	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
 .screen-reader-text, .search-form input[type="submit"] {

Diff do ficheiro suprimidas por serem muito extensas
+ 3 - 2
spearhead/style.css.map


Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff