Touchup styles (#608)

* Better quote block styles * Update vertical-rhythm.scss * Remove unnecessary nested selectors * Update alignments.scss * Fix fullwidth block issue * Update sep for playful
godaddy-wordpress · Nov 12, 2020 · c780b55 · c780b55
1 parent 6b0a64a
commit c780b55
Show file tree

Hide file tree

Showing 21 changed files with 68 additions and 65 deletions.
diff --git a/.dev/assets/design-styles/playful/css/blocks/separator.scss b/.dev/assets/design-styles/playful/css/blocks/separator.scss
@@ -5,7 +5,7 @@
 	border: none;
 	height: 9pt;
 	mask-image: url(../../../dist/images/design-styles/playful/cross-stich-border.svg);
-	max-width: 113px;
+	max-width: 115px !important;
 }
 
 .wp-block-separator.is-style-dots:not(.has-text-color)::before {

diff --git a/.dev/assets/shared/css/blocks/blocks.scss b/.dev/assets/shared/css/blocks/blocks.scss
@@ -25,6 +25,7 @@
 @import "more/style";
 @import "paragraph/style";
 @import "pricing-table/style";
+@import "quote/style";
 @import "pullquote/style";
 @import "row/style";
 @import "search/style";

diff --git a/.dev/assets/shared/css/blocks/hero/_style.scss b/.dev/assets/shared/css/blocks/hero/_style.scss
@@ -6,12 +6,12 @@
 		padding-right: var(--go-block--padding--x);
 	}
 
-	& .wp-block-coblocks-buttons {
+	.wp-block-coblocks-buttons {
 		margin-bottom: 0 !important;
 		margin-top: 2rem;
 	}
 
-	& .wp-block-coblocks-hero__content *:last-child {
+	.wp-block-coblocks-hero__content *:last-child {
 		margin-bottom: 0;
 	}
 }

diff --git a/.dev/assets/shared/css/blocks/image/_style.scss b/.dev/assets/shared/css/blocks/image/_style.scss
@@ -1,20 +1,20 @@
 /*! Image */
 .wp-block-image {
 
-	& img {
+	img {
 		display: block;
 	}
 
-	& .alignleft {
+	.alignleft {
 		margin-right: 2rem;
 	}
 
-	& .alignright {
+	.alignright {
 		margin-left: 2rem;
 	}
 
-	& figure.alignleft,
-	& figure.alignright {
+	figure.alignleft,
+	figure.alignright {
 		margin-bottom: 1.5rem;
 		margin-top: 0.7rem;
 	}

diff --git a/.dev/assets/shared/css/blocks/latest-comments/_style.scss b/.dev/assets/shared/css/blocks/latest-comments/_style.scss
@@ -1,7 +1,7 @@
 /*! Latest Comments */
 .wp-block-latest-comments {
 
-	& .wp-block-latest-comments__comment {
+	.wp-block-latest-comments__comment {
 		margin-left: 0;
 	}
 }
diff --git a/.dev/assets/shared/css/blocks/latest-posts/_style.scss b/.dev/assets/shared/css/blocks/latest-posts/_style.scss
@@ -1,7 +1,7 @@
 /*! Latest Posts */
 ul.wp-block-latest-posts {
 
-	& li {
+	li {
 		margin-left: 0;
 		padding-left: 0;
 	}

diff --git a/.dev/assets/shared/css/blocks/masonry/_style.scss b/.dev/assets/shared/css/blocks/masonry/_style.scss
@@ -5,11 +5,11 @@
 
 .wp-block-coblocks-gallery-masonry {
 
-	& ul {
+	ul {
 		margin: 0;
 	}
 
-	& figcaption {
+	figcaption {
 		font-size: var(--go-caption--font-size);
 		font-style: var(--go-caption--font-style, normal);
 		padding-left: 15px !important;
@@ -20,7 +20,7 @@
 
 body.rtl .wp-block-coblocks-gallery-masonry {
 
-	& figcaption {
+	figcaption {
 		text-align: var(--go-caption--text-align--rtl);
 	}
 }
diff --git a/.dev/assets/shared/css/blocks/more/_style.scss b/.dev/assets/shared/css/blocks/more/_style.scss
@@ -1,7 +1,7 @@
 /*! More */
 .content-area {
 
-	& > [id*="more-"] {
+	> [id*="more-"] {
 		display: none;
 	}
 }

diff --git a/.dev/assets/shared/css/blocks/pricing-table/_style.scss b/.dev/assets/shared/css/blocks/pricing-table/_style.scss
@@ -6,11 +6,11 @@
 		background: var(--wp-block-coblocks-pricing-table-item--color--background, var(--go--color--white));
 	}
 
-	& .wp-block-coblocks-pricing-table-item__price-wrapper {
+	.wp-block-coblocks-pricing-table-item__price-wrapper {
 		margin: 2rem 0;
 	}
 
-	& .wp-block-coblocks-pricing-table-item__features {
+	.wp-block-coblocks-pricing-table-item__features {
 		font-size: var(--go--font-size--small);
 		letter-spacing: var(--go--letter-spacing--small, 0);
 		margin-bottom: 2.5rem;
@@ -19,9 +19,9 @@
 	&.has-primary-background-color:not(.has-text-color),
 	&.has-secondary-background-color:not(.has-text-color) {
 
-		& .wp-block-coblocks-pricing-table-item__title,
-		& .wp-block-coblocks-pricing-table-item__amount,
-		& .wp-block-coblocks-pricing-table-item__currency {
+		.wp-block-coblocks-pricing-table-item__title,
+		.wp-block-coblocks-pricing-table-item__amount,
+		.wp-block-coblocks-pricing-table-item__currency {
 			color: var(--go--color--white);
 		}
 	}
@@ -38,12 +38,12 @@
 
 .wp-block-coblocks-pricing-table-item:not(.has-text-color) {
 
-	& .wp-block-coblocks-pricing-table-item__title {
+	.wp-block-coblocks-pricing-table-item__title {
 		color: var(--wp-block-coblocks-pricing-table-item--color--title, var(--go-heading--color--text));
 	}
 
-	& .wp-block-coblocks-pricing-table-item__currency,
-	& .wp-block-coblocks-pricing-table-item__amount {
+	.wp-block-coblocks-pricing-table-item__currency,
+	.wp-block-coblocks-pricing-table-item__amount {
 		color: var(--wp-block-coblocks-pricing-table-item--price--color--text, var(--go-heading--color--text));
 	}
 }

diff --git a/.dev/assets/shared/css/blocks/pullquote/_style.scss b/.dev/assets/shared/css/blocks/pullquote/_style.scss
@@ -11,17 +11,17 @@
 		padding-left: var(--go-pullquote--padding-x, 1rem);
 		padding-right: var(--go-pullquote--padding-x, 1rem);
 
-		& p {
+		p {
 			color: var(--go-pullquote--color--text, var(--go-heading--color--text));
 			margin: 1rem 0;
 		}
 	}
 
-	& blockquote {
+	blockquote {
 		margin: 0;
 	}
 
-	& p {
+	p {
 		font-display: swap;
 		font-family: var(--go-pullquote--font-family, var(--go-heading--font-family));
 		font-size: var(--go-pullquote--font-size, var(--go--type-scale-5));
@@ -30,8 +30,8 @@
 		line-height: var(--go-pullquote--line-height, 1.25);
 	}
 
-	& cite,
-	& .wp-block-pullquote__citation {
+	cite,
+	.wp-block-pullquote__citation {
 		color: var(--go-caption--color--text);
 		display: inline-block;
 		font-size: var(--go-caption--font-size, var(--go--type-scale-5));
@@ -51,17 +51,17 @@
 			color: var(--go--color--white);
 		}
 
-		& blockquote {
+		blockquote {
 			max-width: 100%;
 			padding: calc(var(--go--spacing--vertical--lg) * 0.35) calc(var(--go--spacing--vertical--lg) * 0.35);
 
 
-			& p {
+			p {
 				font-size: var(--go-pullquote--font-size, var(--go--type-scale-5));
 			}
 
-			& cite,
-			& .wp-block-pullquote__citation {
+			cite,
+			.wp-block-pullquote__citation {
 				color: currentColor;
 				display: block;
 				margin-bottom: 0;
@@ -75,7 +75,7 @@
 
 .wp-block-pullquote.alignfull {
 
-	& > blockquote {
+	> blockquote {
 		margin-left: auto;
 		margin-right: auto;
 		max-width: var(--go--max-width--alignwide);

diff --git a/.dev/assets/shared/css/blocks/quote/_style.scss b/.dev/assets/shared/css/blocks/quote/_style.scss
@@ -5,7 +5,7 @@
 	margin-right: auto;
 	margin-top: calc(var(--go--spacing--vertical--lg) * 0.5);
 
-	& p {
+	p {
 		color: var(--go-quote--color--text, var(--go-heading--color--text));
 		font-display: swap;
 		font-family: var(--go-heading--font-family);
@@ -18,8 +18,8 @@
 		position: relative;
 	}
 
-	& cite,
-	& .wp-block-quote__citation {
+	cite,
+	.wp-block-quote__citation {
 		color: var(--go-caption--color--text);
 		display: block;
 		font-size: var(--go-caption--font-size);
@@ -31,7 +31,7 @@
 		padding-left: 0;
 		padding-right: 0;
 
-		& p {
+		p {
 			color: var(--go-quote--color--text, var(--go-heading--color--text));
 			padding-left: 1.5rem;
 
@@ -40,8 +40,8 @@
 			}
 		}
 
-		& cite,
-		& .wp-block-quote__citation {
+		cite,
+		.wp-block-quote__citation {
 			margin-left: 1.5rem;
 			margin-top: -2rem;
 
@@ -57,7 +57,7 @@
 		margin-right: auto;
 		padding: 0;
 
-		& p {
+		p {
 			font-size: var(--go-quote-large--font-size, var(--go--type-scale-5));
 			font-style: var(--go-quote-large--font-style, normal);
 			font-weight: var(--go-quote--font-weight, var(--go-heading--font-weight));
@@ -72,12 +72,12 @@
 			}
 		}
 
-		& cite,
-		& .wp-block-quote__citation {
+		cite,
+		.wp-block-quote__citation {
 			font-size: var(--go-caption--font-size);
 			text-align: inherit;
 
-			& em {
+			em {
 				font-style: normal;
 			}
 		}

diff --git a/.dev/assets/shared/css/blocks/search/_style.scss b/.dev/assets/shared/css/blocks/search/_style.scss
@@ -1,7 +1,7 @@
 /*! Search */
 .wp-block-search {
 
-	& input[type="search"] {
+	input[type="search"] {
 		margin-bottom: 0;
 		padding: var(--go-input--padding--y) var(--go-input--padding--x);
 		width: auto;

diff --git a/.dev/assets/shared/css/blocks/services/_style.scss b/.dev/assets/shared/css/blocks/services/_style.scss
@@ -6,19 +6,19 @@
 		padding-right: var(--go-block--padding--x);
 	}
 
-	& h2,
-	& h3,
-	& h4,
-	& h5,
-	& h6 {
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
 		margin-bottom: var(--wp-block-coblocks-services--heading--margin-bottom, 1rem);
 		margin-top: var(--wp-block-coblocks-services--heading--margin-top, 1.75rem);
 	}
 }
 
 .wp-block-coblocks-service__content {
 
-	& p ~ .wp-block-button {
+	p ~ .wp-block-button {
 		margin-top: 2.5rem !important;
 	}
 }

diff --git a/.dev/assets/shared/css/blocks/social/_style.scss b/.dev/assets/shared/css/blocks/social/_style.scss
@@ -1,11 +1,11 @@
 /*! CoBlocks: Social */
 .wp-block-coblocks-social {
 
-	& .wp-block-button__link:not(.has-background) {
+	.wp-block-button__link:not(.has-background) {
 		background-color: var(--go-button--color--background, var(--go--color--primary));
 	}
 
-	& a::after {
+	a::after {
 		display: none;
 	}
 }

diff --git a/.dev/assets/shared/css/blocks/table/_editor.scss b/.dev/assets/shared/css/blocks/table/_editor.scss
@@ -1,8 +1,8 @@
 /*! Table */
 .wp-block-table {
 
-	& table td,
-	& table th {
+	table td,
+	table th {
 		border: 2px solid var(--go-table--border-color, var(--go-heading--color--text));
 	}
 }
diff --git a/.dev/assets/shared/css/blocks/table/_style.scss b/.dev/assets/shared/css/blocks/table/_style.scss
@@ -1,13 +1,13 @@
 .wp-block-table {
 
-	& table {
+	table {
 		border-collapse: collapse;
 		margin: 0 0 1rem;
 		width: 100%;
 	}
 
-	& table td,
-	& table th {
+	table td,
+	table th {
 		border: 2px solid var(--go-table--border-color, var(--go-heading--color--text));
 		padding: 1em;
 		word-break: break-all;

diff --git a/.dev/assets/shared/css/blocks/video/_style.scss b/.dev/assets/shared/css/blocks/video/_style.scss
@@ -1,7 +1,7 @@
 /*! Audio and Video */
 .wp-block-video {
 
-	& video {
+	video {
 		margin-bottom: -10px;
 		width: 100%;
 	}

diff --git a/.dev/assets/shared/css/blocks/woocommerce/_editor.scss b/.dev/assets/shared/css/blocks/woocommerce/_editor.scss
@@ -26,8 +26,8 @@
 
 div[data-type="woocommerce/all-reviews"] {
 
-	& .wc-block-review-list-item__rating__stars span::before,
-	& .wc-block-review-list-item__product a {
+	.wc-block-review-list-item__rating__stars span::before,
+	.wc-block-review-list-item__product a {
 		color: var(--go--hyperlink--color--text, var(--go--color--primary));
 	}
 }
@@ -39,15 +39,15 @@ div[data-type="woocommerce/product-on-sale"],
 div[data-type="woocommerce/products-by-attribute"],
 div[data-type="woocommerce/product-category"] {
 
-	& .wc-block-grid__product-link,
-	& .wc-block-grid__product-rating .star-rating span::before {
+	.wc-block-grid__product-link,
+	.wc-block-grid__product-rating .star-rating span::before {
 		color: var(--go--hyperlink--color--text, var(--go--color--primary));
 	}
 }
 
 div[data-type="woocommerce/product-categories"] {
 
-	& .wc-block-product-categories-list-item a {
+	.wc-block-product-categories-list-item a {
 		color: var(--go--hyperlink--color--text, var(--go--color--primary));
 	}
 }