diff --git a/.dev/assets/design-styles/playful/css/blocks/separator.scss b/.dev/assets/design-styles/playful/css/blocks/separator.scss index 7ee9ce774..50411f847 100644 --- 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 index 2e67e7f07..4e21525f1 100644 --- 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 index 88777a247..1ffe76538 100644 --- 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 index 0420ef5b6..4135a3664 100644 --- 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 index 4be8c69ca..43e516ade 100644 --- 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 index 78ce8dfd4..96e087c94 100644 --- 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 index 1c311d4e1..70b76b8ea 100644 --- 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 index 06de80135..42be84940 100644 --- 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 index ba1bc3dd5..04938714d 100644 --- 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 index 4d3bda3c6..85ac0f9a0 100644 --- 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 index 80239a8f7..185a97836 100644 --- 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 index 60cf6f530..488097991 100644 --- 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 index c408b08d3..ab0dc19ee 100644 --- a/.dev/assets/shared/css/blocks/services/_style.scss +++ b/.dev/assets/shared/css/blocks/services/_style.scss @@ -6,11 +6,11 @@ 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); } @@ -18,7 +18,7 @@ .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 index 1367074ba..9c30b6a48 100644 --- 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 index cb99aeb66..493ba31a1 100644 --- 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 index 829ffd1d0..11a485124 100644 --- 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 index 8c142411e..9e7d494dd 100644 --- 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 index c761720fa..4bd7a23ab 100644 --- 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)); } } diff --git a/.dev/assets/shared/css/editor/horizontal-rhythm.scss b/.dev/assets/shared/css/editor/horizontal-rhythm.scss index 97ce50688..fe9a80993 100644 --- a/.dev/assets/shared/css/editor/horizontal-rhythm.scss +++ b/.dev/assets/shared/css/editor/horizontal-rhythm.scss @@ -17,6 +17,8 @@ .wp-block[data-align="full"] { max-width: none; + margin-left: calc(var(--go-block--padding--x) * -1); + margin-right: calc(var(--go-block--padding--x) * -1); } .wp-block[data-align="wide"] .wp-block[data-align="wide"], diff --git a/.dev/assets/shared/css/editor/vertical-rhythm.scss b/.dev/assets/shared/css/editor/vertical-rhythm.scss index 2c4a8e8e8..5310231ae 100644 --- a/.dev/assets/shared/css/editor/vertical-rhythm.scss +++ b/.dev/assets/shared/css/editor/vertical-rhythm.scss @@ -28,8 +28,8 @@ .block-editor-block-list__block:first-child { - .wp-block[data-align="wide"], - .wp-block[data-align="full"] { + > .wp-block[data-align="wide"], + > .wp-block[data-align="full"] { margin-top: inherit; } } diff --git a/.dev/assets/shared/css/layout/alignments.scss b/.dev/assets/shared/css/layout/alignments.scss index 43d9f9f4e..4efdc9b74 100644 --- a/.dev/assets/shared/css/layout/alignments.scss +++ b/.dev/assets/shared/css/layout/alignments.scss @@ -33,7 +33,7 @@ } } -[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { +[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(h1) { max-width: var(--go--max-width); width: 100%; }