From 8b47879f24c210334bb90335c6241d29d613161f Mon Sep 17 00:00:00 2001 From: Razvan Onofrei Date: Mon, 23 Aug 2021 15:46:04 +0300 Subject: [PATCH] Release 1.13.0 (#303) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Add Suoer Display font control and fix styling for all font size levels * Added default styles for Super Display #283 * Init * Remove padding top on Nova Blocks Hero * Fix Super Display font palette inheritence, fix font style inheritance, add color toggles for display styles * Update Hero Block default template * Add node-tasks and package.json details for node version enforcing and auto-switching * minor * Update zipignore * Rebuild * All block inside block group that are not aligned, should be positioned between cs and ce * Alter button colors and product title font size related to #261 * Add CSS variables fallback when applying a color palette through the theme mixin * Remove sideEffects false because we actually have some * Recompile some deleted scripts * Improve active menu item specificity selector to fix styling related to #295 * Quickfix headings colors inside editor * Minor * Remove garbage SCSS * Fix button width * Remove padding-left and padding-right on group block when it does not have background * Improve group padding both on editor and frontend * Bump version to 1.12.5. * Fix issue regarding how we remove paddings * Minor * Fix strong, underline and is-style-lead related to #298 * show cite as block related to #298 * Be more specific with Food Menu Item CSS * Use fake header height to fix hero gradient * Block top spacing should be 0 when header is transparent * Apply correct variable on em element * Updated required plugins versions * Update TGMPA to the latest, standard version * WooCommerce: linking more fonts to the type system * Removed font-size-modifier for blocks with [data-align] * Add appyl-font-size mixin * Fix Color Signal 0 styles and header initialisation * Tweak footer fallback styles * Fix header initialisation transition * Fix typo related to body final font size * Bump version to 1.13.0 * Generate .pot file * Fix new TGMPA version logic * Fix new TGMPA version logic * Block top spacing should always be 0 on first block when header is transparent * Fix group space and sizing (#304) * Remove garbage Co-authored-by: George Olaru Co-authored-by: madalingorbanescu Co-authored-by: Vlad Olaru Co-authored-by: Madalin Gorbanescu Co-authored-by: Mădălin Gorbănescu <46342490+madalingorbanescu@users.noreply.github.com> --- .node-version | 1 + .npmrc | 1 + .nvmrc | 1 + .zipignore | 32 +- README.md | 8 + dist/css/block-editor-rtl.css | 36 +- dist/css/block-editor.css | 36 +- dist/css/blocks/common-rtl.css | 33 +- dist/css/blocks/common.css | 33 +- dist/css/blocks/editor-rtl.css | 16 +- dist/css/blocks/editor.css | 16 +- .../blocks/nova-blocks/conversations-rtl.css | 3 +- dist/css/blocks/nova-blocks/conversations.css | 3 +- dist/css/blocks/style-rtl.css | 30 +- dist/css/blocks/style.css | 30 +- dist/css/custom-properties-rtl.css | 18 +- dist/css/custom-properties.css | 18 +- dist/css/utility-rtl.css | 105 +- dist/css/utility.css | 105 +- dist/css/woocommerce/block-editor-rtl.css | 36 +- dist/css/woocommerce/block-editor.css | 36 +- dist/css/woocommerce/style-rtl.css | 118 +- dist/css/woocommerce/style.css | 118 +- editor.css | 3112 ----------------- inc/integrations/novablocks.php | 48 +- inc/integrations/style-manager/colors.php | 14 +- .../style-manager/connected-fields.php | 1 + inc/integrations/style-manager/fonts.php | 34 + inc/required-plugins.php | 8 +- .../class-pxg-plugin-activation.php | 505 +++ .../class-tgm-plugin-activation.php | 330 +- languages/rosa2.pot | 256 +- node-tasks/lock_node_version.js | 31 + node-tasks/package-lock.json | 28 + node-tasks/package.json | 10 + package-lock.json | 34 +- package.json | 17 +- src/scss/_shame.scss | 11 +- src/scss/block-editor.scss | 23 + src/scss/blocks/core/group/_common.scss | 21 +- src/scss/blocks/nova-blocks/_common.scss | 8 +- .../blocks/nova-blocks/food-menu/_editor.scss | 7 +- .../blocks/nova-blocks/food-menu/_style.scss | 7 +- .../blocks/nova-blocks/header/_style.scss | 5 + src/scss/blocks/nova-blocks/hero/_style.scss | 8 - .../blocks/nova-blocks/navigation/_style.scss | 8 +- .../blocks/nova-blocks/sidecar/_style.scss | 13 +- src/scss/components/_site-footer.scss | 7 +- src/scss/custom-properties/_typography.scss | 2 + src/scss/elements/_base.scss | 9 + src/scss/elements/_body.scss | 2 +- src/scss/elements/_headings.scss | 1 + src/scss/elements/_styles.scss | 2 + src/scss/setup/_typography.scss | 17 + src/scss/setup/mixins/_apply-palette.scss | 8 +- src/scss/setup/mixins/_badge.scss | 4 - src/scss/setup/mixins/_font.scss | 6 + src/scss/setup/mixins/_quote.scss | 1 + src/scss/style.scss | 4 +- src/scss/utility/_font-size.scss | 59 +- src/scss/utility/_transparent-header.scss | 10 +- src/scss/woocommerce/block-editor.scss | 10 + src/scss/woocommerce/blocks/_grid.scss | 14 +- .../woocommerce/components/_mini-cart.scss | 17 +- .../woocommerce/pages/_single-product.scss | 16 +- style-rtl.css | 820 ++--- style.css | 820 ++--- tasks/build-folder.js | 9 +- 68 files changed, 2723 insertions(+), 4487 deletions(-) create mode 100644 .node-version create mode 100644 .npmrc create mode 100644 .nvmrc delete mode 100644 editor.css create mode 100644 inc/required-plugins/class-pxg-plugin-activation.php create mode 100644 node-tasks/lock_node_version.js create mode 100644 node-tasks/package-lock.json create mode 100644 node-tasks/package.json diff --git a/.node-version b/.node-version new file mode 100644 index 00000000..2b0f878e --- /dev/null +++ b/.node-version @@ -0,0 +1 @@ +>=14.17.3 \ No newline at end of file diff --git a/.npmrc b/.npmrc new file mode 100644 index 00000000..b6f27f13 --- /dev/null +++ b/.npmrc @@ -0,0 +1 @@ +engine-strict=true diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 00000000..da2d3988 --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +14 \ No newline at end of file diff --git a/.zipignore b/.zipignore index 8ed37f65..b70c196b 100644 --- a/.zipignore +++ b/.zipignore @@ -1,14 +1,19 @@ +# General **/codekit-config.json node_modules +**/node_modules config.rb gulp-tasks tasks +node-tasks gulpfile.js gulpconfig.json gulpconfig.example.json +webpack.config.js webpack.common.js webpack.dev.js webpack.prod.js +webpack-stats.json package.json package-lock.json pxg.json @@ -26,25 +31,48 @@ css **/.DS_Store __MACOSX **/__MACOSX +CHANGELOG.md README.md **/README.md +palettes.md .csscomb .csscomb.json .codeclimate.yml tests +**/tests +Tests +**/Tests +example +**/example +examples +**/examples +doc +**/doc +docs +**/docs circle.yml .circleci browserslist +babel.config.js +.babelrc +.eslintignore +.eslintrc.js .stylelintrc tsconfig.json tslint.json -webpack.config.js .labels .jscsrc .jshintignore .zipignore phpcs.xml.dist phpunit.xml.dist -src bin postcss.config.js +.phpcs.xml.dist +phpstan.neon.dist +.npmrc +.nvmrc +.node-version + +# Rosa2 specifics +src diff --git a/README.md b/README.md index 0dea9c83..fa061e80 100644 --- a/README.md +++ b/README.md @@ -23,6 +23,14 @@ A manually curated list that include all the valuable people that have contribut [![](https://github.com/georgeolaru.png?size=64)](https://github.com/georgeolaru) [![](https://github.com/vladolaru.png?size=64)](https://github.com/vladolaru) [![](https://github.com/razwan.png?size=64)](https://github.com/razwan) [![](https://github.com/madalingorbanescu.png?size=64)](https://github.com/madalingorbanescu) [![](https://github.com/oanafilip.png?size=64)](https://github.com/oanafilip) [![](https://github.com/alinclamba.png?size=64)](https://github.com/alinclamba) [![](https://github.com/Alexandru-Teodorescu.png?size=64)](https://github.com/Alexandru-Teodorescu) [![](https://github.com/andreiungurianu.png?size=64)](https://github.com/andreiungurianu) +## Local Environment Setup Pointers + +You need to be careful since we **require** certain **node versions (v14) and PHP versions (v7.4).** + +For ease of development, it is best to use `nvm` (https://github.com/nvm-sh/nvm) for node version management and automatic node version switching on shell navigation. For the `zsh` shell the easiest way is to use [oh-my-zsh](https://github.com/ohmyzsh/ohmyzsh) with the `nvm` [plugin](https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/nvm) activated. + +We use the following oh-my-zsh plugins: `plugins=(composer git nvm npm)` configured in `~/.zshrc`. For automatic node version switching, place this line in `~/.zshrc` just below the plugins line: `NVM_AUTOLOAD=1`. Now whenever you enter a directory through the shell, if it finds a `.nvmrc` file, it will switch to the specified node version. + ## License Anima theme source code is released under the [GNU GPL v2 license or later](https://www.gnu.org/licenses/gpl-2.0.html). diff --git a/dist/css/block-editor-rtl.css b/dist/css/block-editor-rtl.css index 57617fa6..2d2df546 100644 --- a/dist/css/block-editor-rtl.css +++ b/dist/css/block-editor-rtl.css @@ -208,6 +208,10 @@ .novablocks-navigation .menu-item--search { display: none; } } +.block-editor-button-block-appender { + box-shadow: inset 0 0 0 1px currentColor; + color: inherit; } + .editor-post-title .editor-post-title__input { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); @@ -217,6 +221,7 @@ --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --current-font-weight: 800; --current-line-height: 1.2; } @@ -251,6 +256,7 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); --font-size: calc(var(--theme-header-logo-height-setting) * 1.8); --current-line-height: 1; } @media not screen and (min-width: 768px) { @@ -699,7 +705,8 @@ .editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] h6 { margin-top: 0; margin-bottom: 0; - font-weight: var(--current-font-weight); } + font-weight: var(--current-font-weight); + color: var(--current-color); } .editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] .h1 { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); @@ -709,6 +716,7 @@ --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --current-font-feature: "liga", "dlig", "onum"; } .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] .h2 { --font-size: var(--theme-heading-2-font-size); @@ -719,6 +727,7 @@ --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); --current-font-feature: "liga", "dlig", "onum"; } .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] .h3 { --font-size: var(--theme-heading-3-font-size); @@ -728,7 +737,8 @@ --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); } .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] .h4 { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); @@ -737,7 +747,8 @@ --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] .h5 { --font-size: var(--theme-heading-5-font-size); --current-font-size: var(--final-font-size); @@ -746,7 +757,8 @@ --current-font-style: var(--theme-heading-5-font-style); --current-line-height: var(--theme-heading-5-line-height); --current-letter-spacing: var(--theme-heading-5-letter-spacing); - --current-text-transform: var(--theme-heading-5-text-transform); } + --current-text-transform: var(--theme-heading-5-text-transform); + --current-color: var(--theme-heading-5-color); } .editor-styles-wrapper[class] h6, .editor-styles-wrapper[class] .h6 { --font-size: var(--theme-heading-6-font-size); --current-font-size: var(--final-font-size); @@ -755,12 +767,18 @@ --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); - --current-text-transform: var(--theme-heading-6-text-transform); } + --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); } .editor-styles-wrapper[class] em, .editor-styles-wrapper[class] i, .editor-styles-wrapper[class] q, .editor-styles-wrapper[class] dfn { font-style: italic; } + .editor-styles-wrapper[class] em { + --current-font-style: italic; } + .editor-styles-wrapper[class] strong, + .editor-styles-wrapper[class] b { + --current-font-weight: bold; } .editor-styles-wrapper[class] iframe { width: 100%; max-width: 100%; @@ -811,7 +829,9 @@ --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); - --current-text-transform: var(--theme-lead-text-transform); } + --current-text-transform: var(--theme-lead-text-transform); + font-size: var(--current-font-size); + line-height: var(--current-line-height); } .editor-styles-wrapper[class] .is-style-meta { --font-size: var(--theme-meta-font-size); --current-font-size: var(--final-font-size); @@ -933,3 +953,7 @@ .wp-block-widget-area button, .wp-block-widget-area select { --font-size-modifier: 1; } + +.wp-block[data-align="full"] > div:not([class])[style*='spacing'][style*='emphasis'] > .wp-block-group > [class*="__inner-container"] { + padding-right: var(--theme-wrapper-sides-spacing); + padding-left: var(--theme-wrapper-sides-spacing); } diff --git a/dist/css/block-editor.css b/dist/css/block-editor.css index f09c9c1d..fa1a1f18 100644 --- a/dist/css/block-editor.css +++ b/dist/css/block-editor.css @@ -208,6 +208,10 @@ .novablocks-navigation .menu-item--search { display: none; } } +.block-editor-button-block-appender { + box-shadow: inset 0 0 0 1px currentColor; + color: inherit; } + .editor-post-title .editor-post-title__input { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); @@ -217,6 +221,7 @@ --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --current-font-weight: 800; --current-line-height: 1.2; } @@ -251,6 +256,7 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); --font-size: calc(var(--theme-header-logo-height-setting) * 1.8); --current-line-height: 1; } @media not screen and (min-width: 768px) { @@ -699,7 +705,8 @@ .editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] h6 { margin-top: 0; margin-bottom: 0; - font-weight: var(--current-font-weight); } + font-weight: var(--current-font-weight); + color: var(--current-color); } .editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] .h1 { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); @@ -709,6 +716,7 @@ --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --current-font-feature: "liga", "dlig", "onum"; } .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] .h2 { --font-size: var(--theme-heading-2-font-size); @@ -719,6 +727,7 @@ --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); --current-font-feature: "liga", "dlig", "onum"; } .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] .h3 { --font-size: var(--theme-heading-3-font-size); @@ -728,7 +737,8 @@ --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); } .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] .h4 { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); @@ -737,7 +747,8 @@ --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] .h5 { --font-size: var(--theme-heading-5-font-size); --current-font-size: var(--final-font-size); @@ -746,7 +757,8 @@ --current-font-style: var(--theme-heading-5-font-style); --current-line-height: var(--theme-heading-5-line-height); --current-letter-spacing: var(--theme-heading-5-letter-spacing); - --current-text-transform: var(--theme-heading-5-text-transform); } + --current-text-transform: var(--theme-heading-5-text-transform); + --current-color: var(--theme-heading-5-color); } .editor-styles-wrapper[class] h6, .editor-styles-wrapper[class] .h6 { --font-size: var(--theme-heading-6-font-size); --current-font-size: var(--final-font-size); @@ -755,12 +767,18 @@ --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); - --current-text-transform: var(--theme-heading-6-text-transform); } + --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); } .editor-styles-wrapper[class] em, .editor-styles-wrapper[class] i, .editor-styles-wrapper[class] q, .editor-styles-wrapper[class] dfn { font-style: italic; } + .editor-styles-wrapper[class] em { + --current-font-style: italic; } + .editor-styles-wrapper[class] strong, + .editor-styles-wrapper[class] b { + --current-font-weight: bold; } .editor-styles-wrapper[class] iframe { width: 100%; max-width: 100%; @@ -811,7 +829,9 @@ --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); - --current-text-transform: var(--theme-lead-text-transform); } + --current-text-transform: var(--theme-lead-text-transform); + font-size: var(--current-font-size); + line-height: var(--current-line-height); } .editor-styles-wrapper[class] .is-style-meta { --font-size: var(--theme-meta-font-size); --current-font-size: var(--final-font-size); @@ -933,3 +953,7 @@ .wp-block-widget-area button, .wp-block-widget-area select { --font-size-modifier: 1; } + +.wp-block[data-align="full"] > div:not([class])[style*='spacing'][style*='emphasis'] > .wp-block-group > [class*="__inner-container"] { + padding-left: var(--theme-wrapper-sides-spacing); + padding-right: var(--theme-wrapper-sides-spacing); } diff --git a/dist/css/blocks/common-rtl.css b/dist/css/blocks/common-rtl.css index 7b66fbd1..acda18fe 100644 --- a/dist/css/blocks/common-rtl.css +++ b/dist/css/blocks/common-rtl.css @@ -454,21 +454,13 @@ .blocks-gallery-grid[class] { padding-right: 0; } -.wp-block-group { - --wp-block-group-padding: var(--current-element-padding, var(--theme-spacing-fluid-large)); } - .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) { - padding-top: var(--wp-block-group-padding); - padding-bottom: var(--wp-block-group-padding); } - .wp-block-group + .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group, .wp-block-group + .wp-block-group[class*="is-style"]:not(.is-style-default), .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group[class*="is-style"]:not(.is-style-default) { - --element-spacing: 0; } - -.wp-block-group { - --wp-block-group-padding: var(--current-element-padding, var(--theme-spacing-fluid-large)); } - .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) { - padding-top: var(--wp-block-group-padding); - padding-bottom: var(--wp-block-group-padding); } - .wp-block-group + .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group, .wp-block-group + .wp-block-group[class*="is-style"]:not(.is-style-default), .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group[class*="is-style"]:not(.is-style-default) { - --element-spacing: 0; } +.wp-block-group[class*='sm-color-signal-0']:not([class*='alignfull']) > [class*="__inner-container"] { + padding-right: 0; + padding-left: 0; } + +.wp-block-group[class*='sm-color-signal-0']:not([class*='alignfull']) > [class*="__inner-container"] { + padding-right: 0; + padding-left: 0; } /* Latest Posts Block */ .wp-block-latest-posts[class] { @@ -1059,15 +1051,12 @@ html:root { 0 16px 64px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); } -.novablocks-hero__inner-container, -.novablocks-slideshow__inner-container { - --theme-wrapper-sides-spacing: 0; } - .novablocks-u-content-width { --theme-content-width-normal: 100%; } .novablocks-advanced-gallery__grid-item[class] .credits[class] { - --font-size: 12; + --font-size: $size; + --current-font-size: var(--final-font-size); font-size: var(--current-font-size); opacity: 0.7; } @@ -1090,7 +1079,8 @@ html:root { --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); } .wp-block-pullquote:before { content: ""; @@ -1104,6 +1094,7 @@ html:root { .wp-block-quote__citation, .wp-block-pullquote cite, .wp-block-pullquote__citation { + display: block; margin-top: var(--theme-spacing); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); diff --git a/dist/css/blocks/common.css b/dist/css/blocks/common.css index 83898252..4d70329a 100644 --- a/dist/css/blocks/common.css +++ b/dist/css/blocks/common.css @@ -454,21 +454,13 @@ .blocks-gallery-grid[class] { padding-left: 0; } -.wp-block-group { - --wp-block-group-padding: var(--current-element-padding, var(--theme-spacing-fluid-large)); } - .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) { - padding-top: var(--wp-block-group-padding); - padding-bottom: var(--wp-block-group-padding); } - .wp-block-group + .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group, .wp-block-group + .wp-block-group[class*="is-style"]:not(.is-style-default), .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group[class*="is-style"]:not(.is-style-default) { - --element-spacing: 0; } - -.wp-block-group { - --wp-block-group-padding: var(--current-element-padding, var(--theme-spacing-fluid-large)); } - .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) { - padding-top: var(--wp-block-group-padding); - padding-bottom: var(--wp-block-group-padding); } - .wp-block-group + .wp-block-group, .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group, .wp-block-group + .wp-block-group[class*="is-style"]:not(.is-style-default), .wp-block-group[class*="is-style"]:not(.is-style-default) + .wp-block-group[class*="is-style"]:not(.is-style-default) { - --element-spacing: 0; } +.wp-block-group[class*='sm-color-signal-0']:not([class*='alignfull']) > [class*="__inner-container"] { + padding-left: 0; + padding-right: 0; } + +.wp-block-group[class*='sm-color-signal-0']:not([class*='alignfull']) > [class*="__inner-container"] { + padding-left: 0; + padding-right: 0; } /* Latest Posts Block */ .wp-block-latest-posts[class] { @@ -1059,15 +1051,12 @@ html:root { 0 16px 64px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); } -.novablocks-hero__inner-container, -.novablocks-slideshow__inner-container { - --theme-wrapper-sides-spacing: 0; } - .novablocks-u-content-width { --theme-content-width-normal: 100%; } .novablocks-advanced-gallery__grid-item[class] .credits[class] { - --font-size: 12; + --font-size: $size; + --current-font-size: var(--final-font-size); font-size: var(--current-font-size); opacity: 0.7; } @@ -1090,7 +1079,8 @@ html:root { --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); } .wp-block-pullquote:before { content: ""; @@ -1104,6 +1094,7 @@ html:root { .wp-block-quote__citation, .wp-block-pullquote cite, .wp-block-pullquote__citation { + display: block; margin-top: var(--theme-spacing); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); diff --git a/dist/css/blocks/editor-rtl.css b/dist/css/blocks/editor-rtl.css index c1f2e549..4e0dbc10 100644 --- a/dist/css/blocks/editor-rtl.css +++ b/dist/css/blocks/editor-rtl.css @@ -361,6 +361,7 @@ ol[data-nb="list"] { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); padding-left: var(--theme-spacing-tiny); } .nova-food-menu-item__title:before { bottom: 0.5em; } @@ -377,14 +378,15 @@ ol[data-nb="list"] { --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); - --current-text-transform: var(--theme-heading-2-text-transform); } + --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); } .nova-food-menu-item__title { font-size: var(--theme-heading-4-font-size); } .nova-food-menu-item__title:before { border-width: .15em; } -.item-title { +.nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .wp-block-novablocks-menu-food-item.is-style-rounded { @@ -396,7 +398,7 @@ ol[data-nb="list"] { .nova-food-menu-item--highlighted { --item-padding: var( --theme-spacing ); } } -.item-title { +.nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .nova-food-menu-item--highlighted { @@ -764,9 +766,6 @@ body { .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } -.novablocks-sidebar [class*="__inner-container"] { - padding: 0; } - .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } @@ -782,7 +781,6 @@ body { .novablocks-content > .alignleft *, .novablocks-content > .alignright *, -.novablocks-content > [data-align] *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } @@ -901,9 +899,6 @@ body { .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } -.novablocks-sidebar [class*="__inner-container"] { - padding: 0; } - .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } @@ -919,7 +914,6 @@ body { .novablocks-content > .alignleft *, .novablocks-content > .alignright *, -.novablocks-content > [data-align] *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } diff --git a/dist/css/blocks/editor.css b/dist/css/blocks/editor.css index f66c5e6e..2b925adc 100644 --- a/dist/css/blocks/editor.css +++ b/dist/css/blocks/editor.css @@ -361,6 +361,7 @@ ol[data-nb="list"] { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); padding-right: var(--theme-spacing-tiny); } .nova-food-menu-item__title:before { bottom: 0.5em; } @@ -377,14 +378,15 @@ ol[data-nb="list"] { --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); - --current-text-transform: var(--theme-heading-2-text-transform); } + --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); } .nova-food-menu-item__title { font-size: var(--theme-heading-4-font-size); } .nova-food-menu-item__title:before { border-width: .15em; } -.item-title { +.nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .wp-block-novablocks-menu-food-item.is-style-rounded { @@ -396,7 +398,7 @@ ol[data-nb="list"] { .nova-food-menu-item--highlighted { --item-padding: var( --theme-spacing ); } } -.item-title { +.nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .nova-food-menu-item--highlighted { @@ -764,9 +766,6 @@ body { .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } -.novablocks-sidebar [class*="__inner-container"] { - padding: 0; } - .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } @@ -782,7 +781,6 @@ body { .novablocks-content > .alignleft *, .novablocks-content > .alignright *, -.novablocks-content > [data-align] *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } @@ -901,9 +899,6 @@ body { .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } -.novablocks-sidebar [class*="__inner-container"] { - padding: 0; } - .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } @@ -919,7 +914,6 @@ body { .novablocks-content > .alignleft *, .novablocks-content > .alignright *, -.novablocks-content > [data-align] *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } diff --git a/dist/css/blocks/nova-blocks/conversations-rtl.css b/dist/css/blocks/nova-blocks/conversations-rtl.css index e4cecb17..89bd53f9 100644 --- a/dist/css/blocks/nova-blocks/conversations-rtl.css +++ b/dist/css/blocks/nova-blocks/conversations-rtl.css @@ -251,7 +251,8 @@ trix-editor h1 { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } trix-editor, trix-toolbar { diff --git a/dist/css/blocks/nova-blocks/conversations.css b/dist/css/blocks/nova-blocks/conversations.css index e00e7d06..ae21035c 100644 --- a/dist/css/blocks/nova-blocks/conversations.css +++ b/dist/css/blocks/nova-blocks/conversations.css @@ -251,7 +251,8 @@ trix-editor h1 { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } trix-editor, trix-toolbar { diff --git a/dist/css/blocks/style-rtl.css b/dist/css/blocks/style-rtl.css index 52edd9bf..3aff0cc1 100644 --- a/dist/css/blocks/style-rtl.css +++ b/dist/css/blocks/style-rtl.css @@ -430,6 +430,7 @@ ol.nb-list { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); padding-left: var(--theme-spacing-tiny); } .nova-food-menu-item__title:before { bottom: 0.5em; } @@ -446,14 +447,15 @@ ol.nb-list { --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); - --current-text-transform: var(--theme-heading-2-text-transform); } + --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); } .nova-food-menu-item__title { font-size: var(--theme-heading-4-font-size); } .nova-food-menu-item__title:before { border-width: .15em; } -.item-title { +.nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .wp-block-novablocks-menu-food-item.is-style-rounded { @@ -579,7 +581,8 @@ ol.nb-list { margin-top: 0 !important; } } .novablocks-header:not(.novablocks-header--ready) { - opacity: 0; } + opacity: 0; + --header-background-opacity: 0; } @media only screen and (min-width: 1024px) { .novablocks-header.novablocks-header--transparent:not(.novablocks-header--sticky) { @@ -617,11 +620,11 @@ ol.nb-list { background-color: var(--sm-current-accent-color); background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); + border-radius: 1em; + padding: .25em .9em; font-size: 0.5em; text-transform: uppercase; font-weight: bold; - border-radius: 1em; - padding: .25em .9em; vertical-align: middle; margin-right: 0.5em; } @@ -632,11 +635,6 @@ ol.nb-list { --sm-current-fg1-color: inherit; --sm-current-fg2-color: inherit; } } -@media not screen and (min-width: 768px) { - .novablocks-hero .novablocks-u-content-padding { - padding-top: var(--theme-spacing-xxl); - padding-bottom: var(--theme-spacing-xxl); } } - .novablocks-hero [class*="novablocks-u-content"] { z-index: 10; } @@ -795,12 +793,12 @@ ol.nb-list { .novablocks-navigation > .menu > ul > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only).menu-item-has-children > a:before { width: calc(100% - 1.25em); left: 1.25em; } - .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home) > a:before, - .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home) > a:before { + .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home)[class][class] > a:before, + .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home)[class][class] > a:before { transform: scale3d(1, 1, 1); transform-origin: right; } - .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home) > a:hover:before, - .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home) > a:hover:before { + .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home)[class][class] > a:hover:before, + .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home)[class][class] > a:hover:before { transform: scale3d(0, 1, 1); transform-origin: left; } } @@ -1211,9 +1209,6 @@ body { .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } -.novablocks-sidebar [class*="__inner-container"] { - padding: 0; } - .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } @@ -1229,7 +1224,6 @@ body { .novablocks-content > .alignleft *, .novablocks-content > .alignright *, -.novablocks-content > [data-align] *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } diff --git a/dist/css/blocks/style.css b/dist/css/blocks/style.css index 1dfabdd5..ea8aeb1e 100644 --- a/dist/css/blocks/style.css +++ b/dist/css/blocks/style.css @@ -430,6 +430,7 @@ ol.nb-list { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); padding-right: var(--theme-spacing-tiny); } .nova-food-menu-item__title:before { bottom: 0.5em; } @@ -446,14 +447,15 @@ ol.nb-list { --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); - --current-text-transform: var(--theme-heading-2-text-transform); } + --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); } .nova-food-menu-item__title { font-size: var(--theme-heading-4-font-size); } .nova-food-menu-item__title:before { border-width: .15em; } -.item-title { +.nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .wp-block-novablocks-menu-food-item.is-style-rounded { @@ -579,7 +581,8 @@ ol.nb-list { margin-top: 0 !important; } } .novablocks-header:not(.novablocks-header--ready) { - opacity: 0; } + opacity: 0; + --header-background-opacity: 0; } @media only screen and (min-width: 1024px) { .novablocks-header.novablocks-header--transparent:not(.novablocks-header--sticky) { @@ -617,11 +620,11 @@ ol.nb-list { background-color: var(--sm-current-accent-color); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); + border-radius: 1em; + padding: .25em .9em; font-size: 0.5em; text-transform: uppercase; font-weight: bold; - border-radius: 1em; - padding: .25em .9em; vertical-align: middle; margin-left: 0.5em; } @@ -632,11 +635,6 @@ ol.nb-list { --sm-current-fg1-color: inherit; --sm-current-fg2-color: inherit; } } -@media not screen and (min-width: 768px) { - .novablocks-hero .novablocks-u-content-padding { - padding-top: var(--theme-spacing-xxl); - padding-bottom: var(--theme-spacing-xxl); } } - .novablocks-hero [class*="novablocks-u-content"] { z-index: 10; } @@ -795,12 +793,12 @@ ol.nb-list { .novablocks-navigation > .menu > ul > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only).menu-item-has-children > a:before { width: calc(100% - 1.25em); right: 1.25em; } - .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home) > a:before, - .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home) > a:before { + .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home)[class][class] > a:before, + .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home)[class][class] > a:before { transform: scale3d(1, 1, 1); transform-origin: left; } - .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home) > a:hover:before, - .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home) > a:hover:before { + .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home)[class][class] > a:hover:before, + .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home)[class][class] > a:hover:before { transform: scale3d(0, 1, 1); transform-origin: right; } } @@ -1211,9 +1209,6 @@ body { .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } -.novablocks-sidebar [class*="__inner-container"] { - padding: 0; } - .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } @@ -1229,7 +1224,6 @@ body { .novablocks-content > .alignleft *, .novablocks-content > .alignright *, -.novablocks-content > [data-align] *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } diff --git a/dist/css/custom-properties-rtl.css b/dist/css/custom-properties-rtl.css index 723a759f..8197b548 100644 --- a/dist/css/custom-properties-rtl.css +++ b/dist/css/custom-properties-rtl.css @@ -30,6 +30,14 @@ --theme-caption-font-weight: normal; --theme-caption-line-height: 1.6; --theme-caption-letter-spacing: -0.03em; + --theme-super-display-font-family: Reforma1969, sans-serif; + --theme-super-display-font-size: 165; + --theme-super-display-font-style: normal; + --theme-super-display-line-height: 1; + --theme-super-display-font-weight: 700; + --theme-super-display-letter-spacing: -0.03em; + --theme-super-display-text-transform: none; + --theme-super-display-color: var(--sm-current-fg2-color); --theme-display-font-family: Reforma1969, sans-serif; --theme-display-font-size: 115; --theme-display-font-style: normal; @@ -37,6 +45,7 @@ --theme-display-font-weight: 700; --theme-display-letter-spacing: -0.03em; --theme-display-text-transform: none; + --theme-display-color: var(--sm-current-fg2-color); --theme-heading-1-font-family: Reforma1969, sans-serif; --theme-heading-1-font-size: 66; --theme-heading-1-font-style: normal; @@ -44,6 +53,7 @@ --theme-heading-1-font-weight: 700; --theme-heading-1-letter-spacing: -0.03em; --theme-heading-1-text-transform: none; + --theme-heading-1-color: var(--sm-current-fg2-color); --theme-heading-2-font-family: Reforma1969, sans-serif; --theme-heading-2-font-size: 40; --theme-heading-2-font-style: normal; @@ -51,6 +61,7 @@ --theme-heading-2-line-height: 1.2; --theme-heading-2-letter-spacing: -0.02em; --theme-heading-2-text-transform: none; + --theme-heading-2-color: var(--sm-current-fg2-color); --theme-heading-3-font-family: Reforma1969, sans-serif; --theme-heading-3-font-size: 32; --theme-heading-3-font-style: normal; @@ -58,6 +69,7 @@ --theme-heading-3-line-height: 1.2; --theme-heading-3-letter-spacing: -0.02em; --theme-heading-3-text-transform: none; + --theme-heading-3-color: var(--sm-current-fg2-color); --theme-heading-4-font-family: Reforma1969, sans-serif; --theme-heading-4-font-size: 24; --theme-heading-4-font-weight: 700; @@ -65,6 +77,7 @@ --theme-heading-4-line-height: 1.2; --theme-heading-4-letter-spacing: -0.02em; --theme-heading-4-text-transform: none; + --theme-heading-4-color: var(--sm-current-fg2-color); --theme-heading-5-font-family: Reforma2018, sans-serif; --theme-heading-5-font-size: 17; --theme-heading-5-font-weight: 700; @@ -72,6 +85,7 @@ --theme-heading-5-line-height: 1.5; --theme-heading-5-letter-spacing: 0.017em; --theme-heading-5-text-transform: none; + --theme-heading-5-color: var(--sm-current-fg2-color); --theme-heading-6-font-family: Reforma2018, sans-serif; --theme-heading-6-font-size: 17; --theme-heading-6-font-weight: 500; @@ -79,6 +93,7 @@ --theme-heading-6-line-height: 1.5; --theme-heading-6-letter-spacing: 0.017em; --theme-heading-6-text-transform: none; + --theme-heading-6-color: var(--sm-current-fg2-color); --theme-navigation-font-family: Reforma2018, sans-serif; --theme-navigation-font-size: 17; --theme-navigation-font-weight: 500; @@ -136,7 +151,8 @@ font-style: var(--current-font-style); letter-spacing: var(--current-letter-spacing); text-transform: var(--current-text-transform); - font-feature-settings: var(--current-font-feature); } + font-feature-settings: var(--current-font-feature); + color: var(--current-color); } :root { --theme-content-width-wide-addon: var(--sm-site-container-width, 75); diff --git a/dist/css/custom-properties.css b/dist/css/custom-properties.css index 723a759f..8197b548 100644 --- a/dist/css/custom-properties.css +++ b/dist/css/custom-properties.css @@ -30,6 +30,14 @@ --theme-caption-font-weight: normal; --theme-caption-line-height: 1.6; --theme-caption-letter-spacing: -0.03em; + --theme-super-display-font-family: Reforma1969, sans-serif; + --theme-super-display-font-size: 165; + --theme-super-display-font-style: normal; + --theme-super-display-line-height: 1; + --theme-super-display-font-weight: 700; + --theme-super-display-letter-spacing: -0.03em; + --theme-super-display-text-transform: none; + --theme-super-display-color: var(--sm-current-fg2-color); --theme-display-font-family: Reforma1969, sans-serif; --theme-display-font-size: 115; --theme-display-font-style: normal; @@ -37,6 +45,7 @@ --theme-display-font-weight: 700; --theme-display-letter-spacing: -0.03em; --theme-display-text-transform: none; + --theme-display-color: var(--sm-current-fg2-color); --theme-heading-1-font-family: Reforma1969, sans-serif; --theme-heading-1-font-size: 66; --theme-heading-1-font-style: normal; @@ -44,6 +53,7 @@ --theme-heading-1-font-weight: 700; --theme-heading-1-letter-spacing: -0.03em; --theme-heading-1-text-transform: none; + --theme-heading-1-color: var(--sm-current-fg2-color); --theme-heading-2-font-family: Reforma1969, sans-serif; --theme-heading-2-font-size: 40; --theme-heading-2-font-style: normal; @@ -51,6 +61,7 @@ --theme-heading-2-line-height: 1.2; --theme-heading-2-letter-spacing: -0.02em; --theme-heading-2-text-transform: none; + --theme-heading-2-color: var(--sm-current-fg2-color); --theme-heading-3-font-family: Reforma1969, sans-serif; --theme-heading-3-font-size: 32; --theme-heading-3-font-style: normal; @@ -58,6 +69,7 @@ --theme-heading-3-line-height: 1.2; --theme-heading-3-letter-spacing: -0.02em; --theme-heading-3-text-transform: none; + --theme-heading-3-color: var(--sm-current-fg2-color); --theme-heading-4-font-family: Reforma1969, sans-serif; --theme-heading-4-font-size: 24; --theme-heading-4-font-weight: 700; @@ -65,6 +77,7 @@ --theme-heading-4-line-height: 1.2; --theme-heading-4-letter-spacing: -0.02em; --theme-heading-4-text-transform: none; + --theme-heading-4-color: var(--sm-current-fg2-color); --theme-heading-5-font-family: Reforma2018, sans-serif; --theme-heading-5-font-size: 17; --theme-heading-5-font-weight: 700; @@ -72,6 +85,7 @@ --theme-heading-5-line-height: 1.5; --theme-heading-5-letter-spacing: 0.017em; --theme-heading-5-text-transform: none; + --theme-heading-5-color: var(--sm-current-fg2-color); --theme-heading-6-font-family: Reforma2018, sans-serif; --theme-heading-6-font-size: 17; --theme-heading-6-font-weight: 500; @@ -79,6 +93,7 @@ --theme-heading-6-line-height: 1.5; --theme-heading-6-letter-spacing: 0.017em; --theme-heading-6-text-transform: none; + --theme-heading-6-color: var(--sm-current-fg2-color); --theme-navigation-font-family: Reforma2018, sans-serif; --theme-navigation-font-size: 17; --theme-navigation-font-weight: 500; @@ -136,7 +151,8 @@ font-style: var(--current-font-style); letter-spacing: var(--current-letter-spacing); text-transform: var(--current-text-transform); - font-feature-settings: var(--current-font-feature); } + font-feature-settings: var(--current-font-feature); + color: var(--current-color); } :root { --theme-content-width-wide-addon: var(--sm-site-container-width, 75); diff --git a/dist/css/utility-rtl.css b/dist/css/utility-rtl.css index 86070550..7ad12e77 100644 --- a/dist/css/utility-rtl.css +++ b/dist/css/utility-rtl.css @@ -460,17 +460,19 @@ .u-mq-above-ultra { display: none; } } -.has-no-spacing-top .novablocks-hero:first-child:after { - content: ''; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(rgba(0, 0, 0, 0.2) var(--theme-promobar-height, 0), rgba(0, 0, 0, 0.03) calc(2 * var(--theme-header-height)), rgba(0, 0, 0, 0) 100%); } +.has-no-spacing-top { + --fake-header-height: calc( 2 * var(--novablocks-spacing) + Max(var(--theme-header-logo-height), calc(var(--theme-navigation-font-size) * var(--theme-navigation-line-height) * 1px))); } + .has-no-spacing-top .novablocks-hero:first-child:after { + content: ''; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(rgba(0, 0, 0, 0.2) var(--theme-promobar-height, 0px), rgba(0, 0, 0, 0.03) calc(2 * var(--fake-header-height, 0px)), rgba(0, 0, 0, 0) 100%); } .has-novablocks-header-transparent .entry-content > :first-child { - --block-top-spacing: 0; } + --novablocks-block-top-spacing: 0 !important; } .admin-bar { --admin-bar-height: 32px; } @@ -478,17 +480,42 @@ .admin-bar { --admin-bar-height: 46px; } } -[class][class] .has-smaller-font-size { - --font-size: inherit; - --font-size-modifier: 0.8; +[class][class] .has-smallest-font-size, +[class][class] .has-smaller-font-size, +[class][class] .has-normal-font-size, +[class][class] .has-larger-font-size, +[class][class] .has-largest-font-size { font-size: var(--current-font-size); } +[class][class] .has-smallest-font-size { + --font-size-modifier: 0.6; } + +[class][class] .has-smaller-font-size { + --font-size-modifier: 0.8; } + +[class][class] .has-normal-font-size { + --font-size-modifier: 1; } + [class][class] .has-larger-font-size { - --font-size: inherit; - --font-size-modifier: 1.25; - font-size: var(--current-font-size); } + --font-size-modifier: 1.25; } + +[class][class] .has-largest-font-size { + --font-size-modifier: 1.5; } + +[class][class] h1.has-largest-font-size { + --font-size: var(--theme-super-display-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-super-display-font-family); + --current-font-style: var(--theme-super-display-font-style); + --current-line-height: var(--theme-super-display-line-height); + --current-font-weight: var(--theme-super-display-font-weight); + --current-letter-spacing: var(--theme-super-display-letter-spacing); + --current-text-transform: var(--theme-super-display-text-transform); + --current-color: var(--theme-super-display-color); + --font-size-modifier: 1; } -[class][class] h1.has-larger-font-size { +[class][class] h1.has-larger-font-size, +[class][class] h2.has-largest-font-size { --font-size: var(--theme-display-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-display-font-family); @@ -497,9 +524,11 @@ --current-font-weight: var(--theme-display-font-weight); --current-letter-spacing: var(--theme-display-letter-spacing); --current-text-transform: var(--theme-display-text-transform); + --current-color: var(--theme-display-color); --font-size-modifier: 1; } -[class][class] h2.has-larger-font-size { +[class][class] h2.has-larger-font-size, +[class][class] h3.has-largest-font-size { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-1-font-family); @@ -508,6 +537,7 @@ --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --font-size-modifier: 1; } [class][class] h1.has-smaller-font-size, @@ -520,10 +550,13 @@ --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); --font-size-modifier: 1; } +[class][class] h1.has-smallest-font-size, [class][class] h2.has-smaller-font-size, -[class][class] h4.has-larger-font-size { +[class][class] h4.has-larger-font-size, +[class][class] h5.has-largest-font-size { --font-size: var(--theme-heading-3-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-3-font-family); @@ -532,10 +565,13 @@ --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); --font-size-modifier: 1; } +[class][class] h2.has-smallest-font-size, [class][class] h3.has-smaller-font-size, -[class][class] h5.has-larger-font-size { +[class][class] h5.has-larger-font-size, +[class][class] h6.has-largest-font-size { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); @@ -544,4 +580,35 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); + --font-size-modifier: 1; } + +[class][class] h3.has-smallest-font-size, +[class][class] h4.has-smaller-font-size, +[class][class] h6.has-larger-font-size { + --font-size: var(--theme-heading-5-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-5-font-family); + --current-font-weight: var(--theme-heading-5-font-weight); + --current-font-style: var(--theme-heading-5-font-style); + --current-line-height: var(--theme-heading-5-line-height); + --current-letter-spacing: var(--theme-heading-5-letter-spacing); + --current-text-transform: var(--theme-heading-5-text-transform); + --current-color: var(--theme-heading-5-color); + --font-size-modifier: 1; } + +[class][class] h4.has-smallest-font-size, +[class][class] h5.has-smaller-font-size, +[class][class] h5.has-smallest-font-size, +[class][class] h6.has-smaller-font-size, +[class][class] h6.has-smallest-font-size { + --font-size: var(--theme-heading-6-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-6-font-family); + --current-font-weight: var(--theme-heading-6-font-weight); + --current-font-style: var(--theme-heading-6-font-style); + --current-line-height: var(--theme-heading-6-line-height); + --current-letter-spacing: var(--theme-heading-6-letter-spacing); + --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); --font-size-modifier: 1; } diff --git a/dist/css/utility.css b/dist/css/utility.css index f676b174..e5ae8023 100644 --- a/dist/css/utility.css +++ b/dist/css/utility.css @@ -460,17 +460,19 @@ .u-mq-above-ultra { display: none; } } -.has-no-spacing-top .novablocks-hero:first-child:after { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(rgba(0, 0, 0, 0.2) var(--theme-promobar-height, 0), rgba(0, 0, 0, 0.03) calc(2 * var(--theme-header-height)), rgba(0, 0, 0, 0) 100%); } +.has-no-spacing-top { + --fake-header-height: calc( 2 * var(--novablocks-spacing) + Max(var(--theme-header-logo-height), calc(var(--theme-navigation-font-size) * var(--theme-navigation-line-height) * 1px))); } + .has-no-spacing-top .novablocks-hero:first-child:after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(rgba(0, 0, 0, 0.2) var(--theme-promobar-height, 0px), rgba(0, 0, 0, 0.03) calc(2 * var(--fake-header-height, 0px)), rgba(0, 0, 0, 0) 100%); } .has-novablocks-header-transparent .entry-content > :first-child { - --block-top-spacing: 0; } + --novablocks-block-top-spacing: 0 !important; } .admin-bar { --admin-bar-height: 32px; } @@ -478,17 +480,42 @@ .admin-bar { --admin-bar-height: 46px; } } -[class][class] .has-smaller-font-size { - --font-size: inherit; - --font-size-modifier: 0.8; +[class][class] .has-smallest-font-size, +[class][class] .has-smaller-font-size, +[class][class] .has-normal-font-size, +[class][class] .has-larger-font-size, +[class][class] .has-largest-font-size { font-size: var(--current-font-size); } +[class][class] .has-smallest-font-size { + --font-size-modifier: 0.6; } + +[class][class] .has-smaller-font-size { + --font-size-modifier: 0.8; } + +[class][class] .has-normal-font-size { + --font-size-modifier: 1; } + [class][class] .has-larger-font-size { - --font-size: inherit; - --font-size-modifier: 1.25; - font-size: var(--current-font-size); } + --font-size-modifier: 1.25; } + +[class][class] .has-largest-font-size { + --font-size-modifier: 1.5; } + +[class][class] h1.has-largest-font-size { + --font-size: var(--theme-super-display-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-super-display-font-family); + --current-font-style: var(--theme-super-display-font-style); + --current-line-height: var(--theme-super-display-line-height); + --current-font-weight: var(--theme-super-display-font-weight); + --current-letter-spacing: var(--theme-super-display-letter-spacing); + --current-text-transform: var(--theme-super-display-text-transform); + --current-color: var(--theme-super-display-color); + --font-size-modifier: 1; } -[class][class] h1.has-larger-font-size { +[class][class] h1.has-larger-font-size, +[class][class] h2.has-largest-font-size { --font-size: var(--theme-display-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-display-font-family); @@ -497,9 +524,11 @@ --current-font-weight: var(--theme-display-font-weight); --current-letter-spacing: var(--theme-display-letter-spacing); --current-text-transform: var(--theme-display-text-transform); + --current-color: var(--theme-display-color); --font-size-modifier: 1; } -[class][class] h2.has-larger-font-size { +[class][class] h2.has-larger-font-size, +[class][class] h3.has-largest-font-size { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-1-font-family); @@ -508,6 +537,7 @@ --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --font-size-modifier: 1; } [class][class] h1.has-smaller-font-size, @@ -520,10 +550,13 @@ --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); --font-size-modifier: 1; } +[class][class] h1.has-smallest-font-size, [class][class] h2.has-smaller-font-size, -[class][class] h4.has-larger-font-size { +[class][class] h4.has-larger-font-size, +[class][class] h5.has-largest-font-size { --font-size: var(--theme-heading-3-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-3-font-family); @@ -532,10 +565,13 @@ --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); --font-size-modifier: 1; } +[class][class] h2.has-smallest-font-size, [class][class] h3.has-smaller-font-size, -[class][class] h5.has-larger-font-size { +[class][class] h5.has-larger-font-size, +[class][class] h6.has-largest-font-size { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); @@ -544,4 +580,35 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); + --font-size-modifier: 1; } + +[class][class] h3.has-smallest-font-size, +[class][class] h4.has-smaller-font-size, +[class][class] h6.has-larger-font-size { + --font-size: var(--theme-heading-5-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-5-font-family); + --current-font-weight: var(--theme-heading-5-font-weight); + --current-font-style: var(--theme-heading-5-font-style); + --current-line-height: var(--theme-heading-5-line-height); + --current-letter-spacing: var(--theme-heading-5-letter-spacing); + --current-text-transform: var(--theme-heading-5-text-transform); + --current-color: var(--theme-heading-5-color); + --font-size-modifier: 1; } + +[class][class] h4.has-smallest-font-size, +[class][class] h5.has-smaller-font-size, +[class][class] h5.has-smallest-font-size, +[class][class] h6.has-smaller-font-size, +[class][class] h6.has-smallest-font-size { + --font-size: var(--theme-heading-6-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-6-font-family); + --current-font-weight: var(--theme-heading-6-font-weight); + --current-font-style: var(--theme-heading-6-font-style); + --current-line-height: var(--theme-heading-6-line-height); + --current-letter-spacing: var(--theme-heading-6-letter-spacing); + --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); --font-size-modifier: 1; } diff --git a/dist/css/woocommerce/block-editor-rtl.css b/dist/css/woocommerce/block-editor-rtl.css index de1c4234..0add9723 100644 --- a/dist/css/woocommerce/block-editor-rtl.css +++ b/dist/css/woocommerce/block-editor-rtl.css @@ -238,14 +238,16 @@ background-color: var(--sm-current-accent-color); background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); - font-size: 0.5em; - text-transform: uppercase; - font-weight: bold; border-radius: 1em; padding: .25em .9em; - font: inherit; - text-transform: inherit; - text-align: center; } + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-title { margin-top: var(--theme-spacing-tiny); @@ -258,7 +260,11 @@ --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); + font-weight: var(--current-font-weight); + font-size: var(--final-font-size); + line-height: var(--current-line-height); } [class][class][class] .wc-block-grid__product-link { --current-aspect-ratio: 1; @@ -311,7 +317,15 @@ margin-bottom: var(--theme-spacing-tiny); } [class][class][class] .wc-block-grid__product-price { - color: var(--theme-dark-primary); } + color: var(--theme-dark-primary); + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-price del { opacity: .5; } [class][class][class] .wc-block-grid__product-price ins { @@ -910,3 +924,9 @@ [class][class][class] .wp-block-button.wc-block-grid__product-add-to-cart { opacity: 1; transform: translateY(0); } + [class][class][class] .wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link { + --theme-button-background-color: var(--sm-current-accent-color); + --theme-button-border-color: var(--sm-current-accent-color); + --theme-button-hover-text-color: var(--sm-current-accent-color); + --theme-button-hover-border-color: var(--sm-current-accent-color); + width: 100%; } diff --git a/dist/css/woocommerce/block-editor.css b/dist/css/woocommerce/block-editor.css index 447f8a03..20cfc638 100644 --- a/dist/css/woocommerce/block-editor.css +++ b/dist/css/woocommerce/block-editor.css @@ -238,14 +238,16 @@ background-color: var(--sm-current-accent-color); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); - font-size: 0.5em; - text-transform: uppercase; - font-weight: bold; border-radius: 1em; padding: .25em .9em; - font: inherit; - text-transform: inherit; - text-align: center; } + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-title { margin-top: var(--theme-spacing-tiny); @@ -258,7 +260,11 @@ --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); + font-weight: var(--current-font-weight); + font-size: var(--final-font-size); + line-height: var(--current-line-height); } [class][class][class] .wc-block-grid__product-link { --current-aspect-ratio: 1; @@ -311,7 +317,15 @@ margin-bottom: var(--theme-spacing-tiny); } [class][class][class] .wc-block-grid__product-price { - color: var(--theme-dark-primary); } + color: var(--theme-dark-primary); + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-price del { opacity: .5; } [class][class][class] .wc-block-grid__product-price ins { @@ -910,3 +924,9 @@ [class][class][class] .wp-block-button.wc-block-grid__product-add-to-cart { opacity: 1; transform: translateY(0); } + [class][class][class] .wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link { + --theme-button-background-color: var(--sm-current-accent-color); + --theme-button-border-color: var(--sm-current-accent-color); + --theme-button-hover-text-color: var(--sm-current-accent-color); + --theme-button-hover-border-color: var(--sm-current-accent-color); + width: 100%; } diff --git a/dist/css/woocommerce/style-rtl.css b/dist/css/woocommerce/style-rtl.css index 13165792..d4caf478 100644 --- a/dist/css/woocommerce/style-rtl.css +++ b/dist/css/woocommerce/style-rtl.css @@ -345,7 +345,15 @@ .c-mini-cart .woocommerce-mini-cart__total { display: flex; flex-wrap: wrap; - position: relative; } + position: relative; + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } .c-mini-cart .woocommerce-mini-cart__total[class][class] { border-top: 0; padding: 1.25em; @@ -443,13 +451,25 @@ .c-mini-cart[class] .cart_list li .quantity, .c-mini-cart[class] .product_list_widget li .quantity { display: block; } + .c-mini-cart[class] .cart_list li:hover a.remove[class], + .c-mini-cart[class] .product_list_widget li:hover a.remove[class] { + opacity: 1; } .c-mini-cart[class] .cart_list a:not(.remove), .c-mini-cart[class] .product_list_widget a:not(.remove) { display: flex; flex-direction: column; text-decoration: none; - color: inherit; } + color: inherit; + --font-size: var(--theme-heading-4-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-4-font-family); + --current-font-weight: var(--theme-heading-4-font-weight); + --current-font-style: var(--theme-heading-4-font-style); + --current-line-height: var(--theme-heading-4-line-height); + --current-letter-spacing: var(--theme-heading-4-letter-spacing); + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .c-mini-cart[class] .cart_list a.remove[class], .c-mini-cart[class] .product_list_widget a.remove[class] { @@ -458,8 +478,11 @@ bottom: .25em; left: 0; background: none; - width: 0.625em; - height: 0.625em; + opacity: 0; + --theme-transition-duration: var(--theme-transition-duration-quick); + transition: var(--theme-transition); + width: 0.4em; + height: 0.4em; overflow: hidden; text-indent: -9999em; color: inherit !important; } @@ -468,7 +491,7 @@ .c-mini-cart[class] .product_list_widget a.remove[class]:after { content: ""; display: block; - width: 0.125em; + width: 0.08em; height: 100%; position: absolute; top: 50%; @@ -491,7 +514,15 @@ order: 10; } .c-mini-cart[class] .mini_cart_item .quantity { - margin-top: var(--theme-spacing-tiny); } + margin-top: var(--theme-spacing-tiny); + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } .c-mini-cart[class] .mini_cart_item dl, .c-mini-cart[class] .mini_cart_item dd { @@ -828,6 +859,7 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); color: var(--sm-current-fg1-color); margin-top: var(--theme-spacing-tiny); } @@ -938,7 +970,8 @@ margin-bottom: 0; } .woocommerce-product-details__short-description { - margin-bottom: var(--theme-spacing); } + margin-bottom: var(--theme-spacing); + --current-font-size: 0.96em; } .woocommerce-product-details__short-description > :not(:first-child) { margin-top: var(--theme-spacing-small); } @@ -1050,9 +1083,20 @@ --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); + margin-bottom: var(--theme-spacing-tiny); } .c-product-main .price { - margin-bottom: var(--theme-spacing-small); } + margin-bottom: var(--theme-spacing-small); + --font-size: var(--theme-heading-4-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-4-font-family); + --current-font-weight: var(--theme-heading-4-font-weight); + --current-font-style: var(--theme-heading-4-font-style); + --current-line-height: var(--theme-heading-4-line-height); + --current-letter-spacing: var(--theme-heading-4-letter-spacing); + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .c-product-main span.onsale { position: absolute; min-width: auto; @@ -1204,12 +1248,15 @@ flex-grow: 1; } .product_meta { - font-size: .875em; } + --current-font-size: 0.92em; } .product_meta > span { display: block; } .product_meta > span a { + font-size: inherit; text-decoration: none; opacity: .5; } + .product_meta > span a:hover { + opacity: 1; } .woocommerce-product-category a { color: inherit; } @@ -1340,6 +1387,9 @@ transform: scale3d(0, 1, 1); } .woocommerce-breadcrumb[class] { + margin-bottom: var(--theme-spacing-tiny); + --current-font-size: 0.96em; + font-size: var(--current-font-size); color: var(--sm-current-fg2-color); } .woocommerce-breadcrumb[class] a { color: var(--sm-current-fg2-color); @@ -1360,7 +1410,8 @@ --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .woocommerce #reviews #comments ol.commentlist { padding-right: 0; } @@ -1990,6 +2041,7 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); margin-bottom: var(--theme-spacing); } [id="order_review_heading"] { @@ -2052,7 +2104,8 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .cart_totals h2 { --font-size: var(--theme-heading-3-font-size); @@ -2063,6 +2116,7 @@ ul.order_details[class] { --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); margin-bottom: var(--theme-spacing-small); } .cross-sells h2 { @@ -2074,6 +2128,7 @@ ul.order_details[class] { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); margin-bottom: var(--theme-spacing-small); } #add_payment_method #payment div.payment_box, @@ -2089,7 +2144,8 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } #ship-to-different-address .woocommerce-form__label { display: flex; align-items: center; } @@ -2194,7 +2250,8 @@ ul.order_details[class] { --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); - --current-text-transform: var(--theme-heading-2-text-transform); } + --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); } .woocommerce-checkout-breadcrumbs li a { --current-font-weight: bold; @@ -2214,7 +2271,8 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .cart-subtotal .woocommerce-Price-amount { --current-font-weight: bold; } @@ -2627,14 +2685,16 @@ ul.order_details[class] { background-color: var(--sm-current-accent-color); background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); - font-size: 0.5em; - text-transform: uppercase; - font-weight: bold; border-radius: 1em; padding: .25em .9em; - font: inherit; - text-transform: inherit; - text-align: center; } + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-title { margin-top: var(--theme-spacing-tiny); @@ -2647,7 +2707,11 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); + font-weight: var(--current-font-weight); + font-size: var(--final-font-size); + line-height: var(--current-line-height); } [class][class][class] .wc-block-grid__product-link { --current-aspect-ratio: 1; @@ -2700,7 +2764,15 @@ ul.order_details[class] { margin-bottom: var(--theme-spacing-tiny); } [class][class][class] .wc-block-grid__product-price { - color: var(--theme-dark-primary); } + color: var(--theme-dark-primary); + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-price del { opacity: .5; } [class][class][class] .wc-block-grid__product-price ins { diff --git a/dist/css/woocommerce/style.css b/dist/css/woocommerce/style.css index 229d69c2..b5f09b73 100644 --- a/dist/css/woocommerce/style.css +++ b/dist/css/woocommerce/style.css @@ -345,7 +345,15 @@ .c-mini-cart .woocommerce-mini-cart__total { display: flex; flex-wrap: wrap; - position: relative; } + position: relative; + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } .c-mini-cart .woocommerce-mini-cart__total[class][class] { border-top: 0; padding: 1.25em; @@ -443,13 +451,25 @@ .c-mini-cart[class] .cart_list li .quantity, .c-mini-cart[class] .product_list_widget li .quantity { display: block; } + .c-mini-cart[class] .cart_list li:hover a.remove[class], + .c-mini-cart[class] .product_list_widget li:hover a.remove[class] { + opacity: 1; } .c-mini-cart[class] .cart_list a:not(.remove), .c-mini-cart[class] .product_list_widget a:not(.remove) { display: flex; flex-direction: column; text-decoration: none; - color: inherit; } + color: inherit; + --font-size: var(--theme-heading-4-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-4-font-family); + --current-font-weight: var(--theme-heading-4-font-weight); + --current-font-style: var(--theme-heading-4-font-style); + --current-line-height: var(--theme-heading-4-line-height); + --current-letter-spacing: var(--theme-heading-4-letter-spacing); + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .c-mini-cart[class] .cart_list a.remove[class], .c-mini-cart[class] .product_list_widget a.remove[class] { @@ -458,8 +478,11 @@ bottom: .25em; right: 0; background: none; - width: 0.625em; - height: 0.625em; + opacity: 0; + --theme-transition-duration: var(--theme-transition-duration-quick); + transition: var(--theme-transition); + width: 0.4em; + height: 0.4em; overflow: hidden; text-indent: -9999em; color: inherit !important; } @@ -468,7 +491,7 @@ .c-mini-cart[class] .product_list_widget a.remove[class]:after { content: ""; display: block; - width: 0.125em; + width: 0.08em; height: 100%; position: absolute; top: 50%; @@ -491,7 +514,15 @@ order: 10; } .c-mini-cart[class] .mini_cart_item .quantity { - margin-top: var(--theme-spacing-tiny); } + margin-top: var(--theme-spacing-tiny); + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } .c-mini-cart[class] .mini_cart_item dl, .c-mini-cart[class] .mini_cart_item dd { @@ -828,6 +859,7 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); color: var(--sm-current-fg1-color); margin-top: var(--theme-spacing-tiny); } @@ -938,7 +970,8 @@ margin-bottom: 0; } .woocommerce-product-details__short-description { - margin-bottom: var(--theme-spacing); } + margin-bottom: var(--theme-spacing); + --current-font-size: 0.96em; } .woocommerce-product-details__short-description > :not(:first-child) { margin-top: var(--theme-spacing-small); } @@ -1050,9 +1083,20 @@ --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); + margin-bottom: var(--theme-spacing-tiny); } .c-product-main .price { - margin-bottom: var(--theme-spacing-small); } + margin-bottom: var(--theme-spacing-small); + --font-size: var(--theme-heading-4-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-heading-4-font-family); + --current-font-weight: var(--theme-heading-4-font-weight); + --current-font-style: var(--theme-heading-4-font-style); + --current-line-height: var(--theme-heading-4-line-height); + --current-letter-spacing: var(--theme-heading-4-letter-spacing); + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .c-product-main span.onsale { position: absolute; min-width: auto; @@ -1204,12 +1248,15 @@ flex-grow: 1; } .product_meta { - font-size: .875em; } + --current-font-size: 0.92em; } .product_meta > span { display: block; } .product_meta > span a { + font-size: inherit; text-decoration: none; opacity: .5; } + .product_meta > span a:hover { + opacity: 1; } .woocommerce-product-category a { color: inherit; } @@ -1340,6 +1387,9 @@ transform: scale3d(0, 1, 1); } .woocommerce-breadcrumb[class] { + margin-bottom: var(--theme-spacing-tiny); + --current-font-size: 0.96em; + font-size: var(--current-font-size); color: var(--sm-current-fg2-color); } .woocommerce-breadcrumb[class] a { color: var(--sm-current-fg2-color); @@ -1360,7 +1410,8 @@ --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .woocommerce #reviews #comments ol.commentlist { padding-left: 0; } @@ -1990,6 +2041,7 @@ --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); margin-bottom: var(--theme-spacing); } [id="order_review_heading"] { @@ -2052,7 +2104,8 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .cart_totals h2 { --font-size: var(--theme-heading-3-font-size); @@ -2063,6 +2116,7 @@ ul.order_details[class] { --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); margin-bottom: var(--theme-spacing-small); } .cross-sells h2 { @@ -2074,6 +2128,7 @@ ul.order_details[class] { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); margin-bottom: var(--theme-spacing-small); } #add_payment_method #payment div.payment_box, @@ -2089,7 +2144,8 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } #ship-to-different-address .woocommerce-form__label { display: flex; align-items: center; } @@ -2194,7 +2250,8 @@ ul.order_details[class] { --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); - --current-text-transform: var(--theme-heading-2-text-transform); } + --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); } .woocommerce-checkout-breadcrumbs li a { --current-font-weight: bold; @@ -2214,7 +2271,8 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .cart-subtotal .woocommerce-Price-amount { --current-font-weight: bold; } @@ -2627,14 +2685,16 @@ ul.order_details[class] { background-color: var(--sm-current-accent-color); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); - font-size: 0.5em; - text-transform: uppercase; - font-weight: bold; border-radius: 1em; padding: .25em .9em; - font: inherit; - text-transform: inherit; - text-align: center; } + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-title { margin-top: var(--theme-spacing-tiny); @@ -2647,7 +2707,11 @@ ul.order_details[class] { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); + font-weight: var(--current-font-weight); + font-size: var(--final-font-size); + line-height: var(--current-line-height); } [class][class][class] .wc-block-grid__product-link { --current-aspect-ratio: 1; @@ -2700,7 +2764,15 @@ ul.order_details[class] { margin-bottom: var(--theme-spacing-tiny); } [class][class][class] .wc-block-grid__product-price { - color: var(--theme-dark-primary); } + color: var(--theme-dark-primary); + --font-size: var(--theme-meta-font-size); + --current-font-size: var(--final-font-size); + --current-font-family: var(--theme-meta-font-family); + --current-font-weight: var(--theme-meta-font-weight); + --current-font-style: var(--theme-meta-font-style); + --current-line-height: var(--theme-meta-line-height); + --current-letter-spacing: var(--theme-meta-letter-spacing); + --current-text-transform: var(--theme-meta-text-transform); } [class][class][class] .wc-block-grid__product-price del { opacity: .5; } [class][class][class] .wc-block-grid__product-price ins { diff --git a/editor.css b/editor.css deleted file mode 100644 index 327564f1..00000000 --- a/editor.css +++ /dev/null @@ -1,3112 +0,0 @@ -@media only screen and (min-width: 1440px) { - :root { - --theme-font-size-slope-adjust: 0; } } - -.editor-styles-wrapper figure > :not(:first-child) { - --element-spacing: var(--theme-spacing-tiny); - margin-top: var(--element-spacing); } - -.editor-styles-wrapper pre, -.editor-styles-wrapper code { - border: 1px solid; - border-radius: 0.2em; - background: var(--current-light-secondary); } - -.editor-styles-wrapper pre { - padding: 1em; } - -.editor-styles-wrapper code { - padding: 0.1em; } - -.editor-styles-wrapper pre code { - background: transparent; } - -.editor-styles-wrapper .wp-block-button__link { - transition: var(--current-button-transition); } - -.editor-styles-wrapper .wp-block-button:not(.is-style-text) .wp-block-button__link { - display: inline-block; - text-decoration: none; - cursor: pointer; - --current-button-background-color: var(--theme-button-background-color); - --current-button-border-color: var(--theme-button-border-color); - --current-button-text-color: var(--theme-button-text-color); - --current-button-transition: var(--theme-button-transition); - --initial-font-size: 17; - font-size: var(--final-font-size); - font-family: Reforma2018, sans-serif; - font-weight: 500; - line-height: 1.2; - letter-spacing: 0.03em; - text-transform: capitalize; } - .editor-styles-wrapper .wp-block-button:not(.is-style-text) .wp-block-button__link:hover { - --current-button-background-color: var(--theme-button-hover-background-color); - --current-button-border-color: var(--theme-button-hover-border-color); - --current-button-text-color: var(--theme-button-hover-text-color); - --current-button-transition: var(--theme-button-hover-transition); } - .editor-styles-wrapper .wp-block-button:not(.is-style-text) .wp-block-button__link:not(.has-background) { - background-color: var(--current-button-background-color); } - .editor-styles-wrapper .wp-block-button:not(.is-style-text) .wp-block-button__link:not(.has-text-color) { - color: var(--current-button-text-color); } - -.editor-styles-wrapper .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background) { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):hover:before { - transform: scale3d(0, 1, 1); } - -.editor-styles-wrapper .wp-block-button.is-style-primary .wp-block-button__link[class] { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button.is-style-primary .wp-block-button__link[class]:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button.is-style-primary .wp-block-button__link[class]:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button.is-style-primary .wp-block-button__link[class]:hover:before { - transform: scale3d(0, 1, 1); } - -.editor-styles-wrapper .wp-block-button.is-style-secondary .wp-block-button__link[class] { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button.is-style-secondary .wp-block-button__link[class]:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button.is-style-secondary .wp-block-button__link[class]:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button.is-style-secondary .wp-block-button__link[class]:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button.is-style-secondary .wp-block-button__link[class]:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .is-style-text .wp-block-button__link { - padding: 0; - background: none; - border-width: 0; - position: relative; - padding-right: 1.15em; - padding-bottom: .3em; - margin-right: calc( -1 * 1.15em); - margin-bottom: -.3em; - text-decoration: none; - --theme-button-text-color: var(--current-color-primary); - --theme-button-hover-text-color: var(--current-color-primary); } - .editor-styles-wrapper .is-style-text .wp-block-button__link:before { - content: ''; - position: absolute; - bottom: 0; - right: 1.15em; - width: calc(100% - 1.15em); - height: .1em; - transform: scale3d(1, 1, 1); - will-change: transform; - -webkit-backface-visibility: hidden; - transform-origin: left; - background: currentColor; - transition: var(--theme-button-transition); - transition-property: transform; } - .editor-styles-wrapper .is-style-text .wp-block-button__link:after { - content: ''; - opacity: 0; - transform: translate(0, -50%) scale(-1, 1); } - @supports (mask-clip: initial) or (-webkit-mask-clip: initial) { - .editor-styles-wrapper .is-style-text .wp-block-button__link:after { - position: absolute; - top: 50%; - right: 0; - display: inline-block; - width: 1.15em; - height: 1.15em; - mask: url("assets/images/icon-arrow.svg") no-repeat 50% 50%; - mask-size: cover; - -webkit-mask: url("assets/images/icon-arrow.svg") no-repeat 50% 50%; - -webkit-mask-size: cover; - background-color: currentColor; - vertical-align: text-bottom; - transform: translate(0, -50%) scale(-1, 1); - transition: var(--theme-button-transition); - transition-property: opacity, transform; } } - .editor-styles-wrapper .is-style-text .wp-block-button__link:hover:before { - transform: scale3d(0, 1, 1); - transform-origin: right; } - .editor-styles-wrapper .is-style-text .wp-block-button__link:hover:after { - opacity: 1; - transform: translate(0.4em, -50%) scale(-1, 1); } - -.editor-styles-wrapper .c-headline { - display: flex; - flex-direction: column; - align-items: center; } - .editor-styles-wrapper .c-headline.has-text-align-left { - align-items: flex-start; } - .editor-styles-wrapper .c-headline.has-text-align-right { - align-items: flex-end; } - -.editor-styles-wrapper .c-headline__word { - display: inline-flex !important; } - -.editor-styles-wrapper .c-headline__primary, -.editor-styles-wrapper .c-headline__secondary { - display: block; } - -.editor-styles-wrapper .c-headline__secondary + .c-headline__primary, -.editor-styles-wrapper .c-headline > .editor-rich-text + .editor-rich-text { - margin-top: var(--theme-headline-spacing); } - -.editor-styles-wrapper .c-headline__secondary, -.editor-styles-wrapper .c-headline > .editor-rich-text:first-child { - position: relative; - z-index: 10; } - -.editor-styles-wrapper .c-headline__secondary { - --initial-font-size: ; - font-size: var(--final-font-size); - font-family: Billy Ohio, sans-serif; - font-weight: 400; - text-transform: none; - letter-spacing: normal; - color: var(--current-color-primary); } - -.editor-styles-wrapper .c-headline__secondary { - font-size: 1.3636em; - white-space: nowrap; } - -.editor-styles-wrapper h1.c-headline.has-larger-font-size .c-headline__secondary { - font-size: 0.87em; } - -.editor-styles-wrapper h1.c-headline.has-larger-font-size .c-headline__secondary + .c-headline__primary, -.editor-styles-wrapper h1.c-headline.has-larger-font-size > .editor-rich-text + .editor-rich-text { - margin-top: -0.3em; } - -.editor-styles-wrapper .c-separator { - --separator-line-thickness: 2px; - --separator-arrow-width: 5px; - display: flex; - justify-content: center; - align-items: center; - line-height: 1; } - -.editor-styles-wrapper .c-separator__symbol { - padding-left: 1em; - padding-right: 1em; - opacity: 0.5; } - .editor-styles-wrapper .c-separator__symbol svg { - width: auto; - height: auto; } - .novablocks-hero .editor-styles-wrapper .c-separator__symbol { - opacity: 1; } - -.editor-styles-wrapper .c-separator__line { - flex-grow: 1; } - .editor-styles-wrapper .c-separator__line:after { - content: ""; - display: block; - width: 100%; - height: var(--separator-line-thickness); - background: currentColor; } - -.editor-styles-wrapper .c-separator__arrow { - height: var(--separator-line-thickness); - border: var(--separator-arrow-width) solid transparent; } - -.editor-styles-wrapper .c-separator__arrow--left { - border-left-color: currentColor; - border-right: 0; } - -.editor-styles-wrapper .c-separator__arrow--right { - border-right-color: currentColor; - border-left: 0; } - -.editor-styles-wrapper .wp-block-separator.is-style-simple { - width: 100%; } - .editor-styles-wrapper .wp-block-separator.is-style-simple .c-separator:after { - content: ""; - display: block; - width: 100%; - height: var(--separator-line-thickness); - background: currentColor; } - .editor-styles-wrapper .wp-block-separator.is-style-simple .c-separator__arrow, - .editor-styles-wrapper .wp-block-separator.is-style-simple .c-separator__symbol, - .editor-styles-wrapper .wp-block-separator.is-style-simple .c-separator__line { - display: none; } - -.editor-styles-wrapper .wp-block-separator.is-style-decorative .c-separator__arrow, -.editor-styles-wrapper .wp-block-separator.is-style-decorative .c-separator__line, -.editor-styles-wrapper .wp-block-separator:not([class*="is-style"]) .c-separator__arrow, -.editor-styles-wrapper .wp-block-separator:not([class*="is-style"]) .c-separator__line { - display: none; } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-color-primary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_primary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-color-primary); - --theme-button-hover-text-color: var(--current-color-primary); - --theme-button-border-color: var(--current-color-primary); - --theme-button-hover-border-color: var(--current-color-primary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-color-primary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-primary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-color-primary); - --theme-button-hover-text-color: var(--current-color-primary); - --theme-button-border-color: var(--current-color-primary); - --theme-button-hover-border-color: var(--current-color-primary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-color-secondary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_secondary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-color-secondary); - --theme-button-hover-text-color: var(--current-color-secondary); - --theme-button-border-color: var(--current-color-secondary); - --theme-button-hover-border-color: var(--current-color-secondary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-color-secondary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-secondary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-color-secondary); - --theme-button-hover-text-color: var(--current-color-secondary); - --theme-button-border-color: var(--current-color-secondary); - --theme-button-hover-border-color: var(--current-color-secondary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-color-tertiary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_color_tertiary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-color-tertiary); - --theme-button-hover-text-color: var(--current-color-tertiary); - --theme-button-border-color: var(--current-color-tertiary); - --theme-button-hover-border-color: var(--current-color-tertiary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-color-tertiary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-color-tertiary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-color-tertiary); - --theme-button-hover-text-color: var(--current-color-tertiary); - --theme-button-border-color: var(--current-color-tertiary); - --theme-button-hover-border-color: var(--current-color-tertiary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-dark-primary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_primary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-dark-primary); - --theme-button-hover-text-color: var(--current-dark-primary); - --theme-button-border-color: var(--current-dark-primary); - --theme-button-hover-border-color: var(--current-dark-primary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-dark-primary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-primary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-dark-primary); - --theme-button-hover-text-color: var(--current-dark-primary); - --theme-button-border-color: var(--current-dark-primary); - --theme-button-hover-border-color: var(--current-dark-primary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-dark-secondary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_secondary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-dark-secondary); - --theme-button-hover-text-color: var(--current-dark-secondary); - --theme-button-border-color: var(--current-dark-secondary); - --theme-button-hover-border-color: var(--current-dark-secondary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-dark-secondary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-secondary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-dark-secondary); - --theme-button-hover-text-color: var(--current-dark-secondary); - --theme-button-border-color: var(--current-dark-secondary); - --theme-button-hover-border-color: var(--current-dark-secondary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-dark-tertiary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_dark_tertiary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-dark-tertiary); - --theme-button-hover-text-color: var(--current-dark-tertiary); - --theme-button-border-color: var(--current-dark-tertiary); - --theme-button-hover-border-color: var(--current-dark-tertiary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-dark-tertiary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-dark-tertiary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-dark-tertiary); - --theme-button-hover-text-color: var(--current-dark-tertiary); - --theme-button-border-color: var(--current-dark-tertiary); - --theme-button-hover-border-color: var(--current-dark-tertiary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-light-primary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_primary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-light-primary); - --theme-button-hover-text-color: var(--current-light-primary); - --theme-button-border-color: var(--current-light-primary); - --theme-button-hover-border-color: var(--current-light-primary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-light-primary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-primary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-light-primary); - --theme-button-hover-text-color: var(--current-light-primary); - --theme-button-border-color: var(--current-light-primary); - --theme-button-hover-border-color: var(--current-light-primary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-light-secondary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_secondary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-light-secondary); - --theme-button-hover-text-color: var(--current-light-secondary); - --theme-button-border-color: var(--current-light-secondary); - --theme-button-hover-border-color: var(--current-light-secondary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-light-secondary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-secondary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-light-secondary); - --theme-button-hover-text-color: var(--current-light-secondary); - --theme-button-border-color: var(--current-light-secondary); - --theme-button-hover-border-color: var(--current-light-secondary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-light-tertiary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm_light_tertiary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-light-tertiary); - --theme-button-hover-text-color: var(--current-light-tertiary); - --theme-button-border-color: var(--current-light-tertiary); - --theme-button-hover-border-color: var(--current-light-tertiary); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color { - background-color: transparent !important; - --theme-button-background-color: var(--current-light-tertiary); - --theme-button-hover-background-color: transparent; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-primary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-primary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-primary:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-primary:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-secondary { - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - --current-button-text-color: var(--theme-button-hover-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-secondary:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-secondary:before { - transform: scale3d(0, 1, 1); - transform-origin: left; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-secondary:hover { - --current-button-text-color: var(--theme-button-text-color); } - .editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color.is-style-secondary:hover:before { - transform: scale3d(1, 1, 1); } - -.editor-styles-wrapper .wp-block-button__link[class][class][class].has-sm-light-tertiary-color { - color: var(--current-button-text-color) !important; - --theme-button-text-color: var(--current-light-tertiary); - --theme-button-hover-text-color: var(--current-light-tertiary); - --theme-button-border-color: var(--current-light-tertiary); - --theme-button-hover-border-color: var(--current-light-tertiary); } - -@font-face { - font-family: 'rosa2_icons'; - src: url("assets/fonts/custom-fontawesome/icons.eot?kdq7n6"); - src: url("assets/fonts/custom-fontawesome/icons.eot?kdq7n6#iefix") format("embedded-opentype"), url("assets/fonts/custom-fontawesome/icons.ttf?kdq7n6") format("truetype"), url("assets/fonts/custom-fontawesome/icons.woff?kdq7n6") format("woff"), url("assets/fonts/custom-fontawesome/icons.svg?kdq7n6#rosa2_icons") format("svg"); - font-weight: normal; - font-style: normal; - font-display: block; } - -:root { - --enable-social-icons: 1; } - -.novablocks-navigation [href*="facebook"], .novablocks-navigation [href*="twitter"], .novablocks-navigation [href*="instagram"], .novablocks-navigation [href*="youtube"], .novablocks-navigation [href*="pinterest"], .novablocks-navigation [href*="dropbox"], .novablocks-navigation [href*="flickr"], .novablocks-navigation [href*="tumblr"], .novablocks-navigation [href*="apple"], .novablocks-navigation [href*="dribbble"], .novablocks-navigation [href*="skype"], .novablocks-navigation [href*="foursquare"], .novablocks-navigation [href*="vk"], .novablocks-navigation [href*="reddit"], .novablocks-navigation [href*="stumbleupon"], .novablocks-navigation [href*="delicious"], .novablocks-navigation [href*="digg"], .novablocks-navigation [href*="behance"], .novablocks-navigation [href*="spotify"], .novablocks-navigation [href*="deviantart"], .novablocks-navigation [href*="soundcloud"], .novablocks-navigation [href*="codepen"], .novablocks-navigation [href*="slideshare"], .novablocks-navigation [href*="twitch"], .novablocks-navigation [href*="yelp"], .novablocks-navigation [href*="medium"], .novablocks-navigation [href*="tripadvisor"], .novablocks-navigation [href*="pocket"], .novablocks-navigation [href*="500px"], .novablocks-navigation [href*="amazon"], .novablocks-navigation [href*="vimeo"], .novablocks-navigation [href*="snapchat"], .novablocks-navigation [href*="bandcamp"], .novablocks-navigation [href*="etsy"], .novablocks-navigation [href*="meetup"], .novablocks-navigation [href*="tel:"], .novablocks-navigation [href*="mailto:"], .novablocks-navigation [href*="feed"] { - --is-social: 1; } - -.social-menu-item > a { - padding-bottom: 0; - margin-bottom: 0; - font-size: 0; - transition: var(--theme-transition); - transition-property: opacity; } - @media only screen and (min-width: 1000px) { - .social-menu-item > a { - margin-left: -.5rem; - position: absolute; - top: 50%; - transform: translateY(-50%); } } - .social-menu-item > a:before { - font-size: calc( 1.1 * var(--current-font-size)); - vertical-align: middle; - font-family: 'rosa2_icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - .social-menu-item > a[href*="facebook"]:before { - content: "\f09a"; } - .social-menu-item > a[href*="twitter"]:before { - content: "\f099"; } - .social-menu-item > a[href*="instagram"]:before { - content: "\f16d"; } - .social-menu-item > a[href*="youtube"]:before { - content: "\f167"; } - .social-menu-item > a[href*="pinterest"]:before { - content: "\f0d2"; } - .social-menu-item > a[href*="dropbox"]:before { - content: "\f16b"; } - .social-menu-item > a[href*="flickr"]:before { - content: "\f16e"; } - .social-menu-item > a[href*="tumblr"]:before { - content: "\f173"; } - .social-menu-item > a[href*="apple"]:before { - content: "\f179"; } - .social-menu-item > a[href*="dribbble"]:before { - content: "\f17d"; } - .social-menu-item > a[href*="skype"]:before { - content: "\f17e"; } - .social-menu-item > a[href*="foursquare"]:before { - content: "\f180"; } - .social-menu-item > a[href*="vk"]:before { - content: "\f189"; } - .social-menu-item > a[href*="reddit"]:before { - content: "\f1a1"; } - .social-menu-item > a[href*="stumbleupon"]:before { - content: "\f1a4"; } - .social-menu-item > a[href*="delicious"]:before { - content: "\f1a5"; } - .social-menu-item > a[href*="digg"]:before { - content: "\f1a6"; } - .social-menu-item > a[href*="behance"]:before { - content: "\f1b4"; } - .social-menu-item > a[href*="spotify"]:before { - content: "\f1bc"; } - .social-menu-item > a[href*="deviantart"]:before { - content: "\f1bd"; } - .social-menu-item > a[href*="soundcloud"]:before { - content: "\f1be"; } - .social-menu-item > a[href*="codepen"]:before { - content: "\f1cb"; } - .social-menu-item > a[href*="slideshare"]:before { - content: "\f1e7"; } - .social-menu-item > a[href*="twitch"]:before { - content: "\f1e8"; } - .social-menu-item > a[href*="yelp"]:before { - content: "\f1e9"; } - .social-menu-item > a[href*="medium"]:before { - content: "\f23a"; } - .social-menu-item > a[href*="tripadvisor"]:before { - content: "\f262"; } - .social-menu-item > a[href*="pocket"]:before { - content: "\f265"; } - .social-menu-item > a[href*="500px"]:before { - content: "\f26e"; } - .social-menu-item > a[href*="amazon"]:before { - content: "\f270"; } - .social-menu-item > a[href*="vimeo"]:before { - content: "\f27d"; } - .social-menu-item > a[href*="snapchat"]:before { - content: "\f2ab"; } - .social-menu-item > a[href*="bandcamp"]:before { - content: "\f2d5"; } - .social-menu-item > a[href*="etsy"]:before { - content: "\f2d7"; } - .social-menu-item > a[href*="meetup"]:before { - content: "\f2e0"; } - .social-menu-item > a[href*="tel:"]:before { - content: "\f095"; } - .social-menu-item > a[href*="mailto:"]:before { - content: "\f0e0"; } - .social-menu-item > a[href*="feed"]:before { - content: "\f09e"; } - -@media not screen and (min-width: 1000px) { - .social-menu-item { - display: inline-block; } - .social-menu-item:not(:last-child) { - margin-right: var(--theme-spacing-small); - margin-bottom: var(--theme-spacing-micro); } } - -/* Layout */ -.editor-block-list__layout .wp-block:not([data-align="wide"]):not([data-align="full"]), -.block-editor-block-list__layout .wp-block:not([data-align="wide"]):not([data-align="full"]) { - max-width: var(--theme-content-width-normal); } - -.editor-block-list__layout .wp-block[data-align=wide], -.block-editor-block-list__layout .wp-block[data-align=wide] { - max-width: var(--theme-content-width-wide); } - -.editor-block-list__layout .wp-block[data-align="full"], -.block-editor-block-list__layout .wp-block[data-align="full"] { - max-width: none; } - -/* Typography */ -.editor-styles-wrapper { - /* Audio Block */ - /* Button Block */ - /* Columns Blocks */ - /* Cover Block */ - /* Embed Blocks */ - /* Gallery Block */ - /* - -.wp-block-latest-comments.has-avatars .avatar { - margin-right: 10px; -} - -.wp-block-latest-comments__comment-excerpt p { - font-size: 14px; - margin: 5px 0 20px; - padding-top: 0; -} - -.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { - min-height: 36px; -} - */ - /* Latest Comments Block */ - /* Latest Posts Block */ - /* Media Block */ - /* - * Here we here not able to use a mobile first CSS approach. - * Custom widths are set using inline styles, and on mobile, - * we need 100% width, so we use important to overwrite the inline style. - * If the style were set on mobile first, on desktop styles, - * we would have no way of setting the style again to the inline style. - */ - /* Pullquote Block */ - /* Social Links Block */ - /* Table Block */ - /* Links */ - /* Media */ } - .editor-styles-wrapper ul.wp-block-archives-list[class] { - list-style: none; - padding-left: 0; } - .editor-styles-wrapper ul.wp-block-archives-list[class] ul { - padding-left: 0; - list-style: none; - counter-reset: submenu; } - .editor-styles-wrapper ul.wp-block-archives-list[class] ul a:before { - content: "\2013 " counters(submenu, "– ", none); - counter-increment: submenu; } - .editor-styles-wrapper ul.wp-block-archives-list[class] a { - text-decoration: none; } - .editor-styles-wrapper .wp-block-audio audio { - width: 100%; } - .editor-styles-wrapper .wp-block-button.is-style-squared { - --theme-button-border-radius: 0; } - .editor-styles-wrapper .wp-block-button.is-style-outline { - --theme-button-background-color: transparent; - --theme-button-text-color: currentColor; - --theme-button-border-color: currentColor; - --theme-button-hover-background-color: transparent; - --theme-button-hover-text-color: currentColor; - --theme-button-hover-border-color: currentColor; } - .editor-styles-wrapper .wp-block-button.alignleft { - text-align: left; } - .editor-styles-wrapper .wp-block-button.aligncenter { - text-align: center; } - .editor-styles-wrapper .wp-block-button.alignright { - text-align: right; } - .editor-styles-wrapper .wp-block-button__link { - display: inline-block; - display: inline-block; - text-decoration: none; - cursor: pointer; - --current-button-background-color: var(--theme-button-background-color); - --current-button-border-color: var(--theme-button-border-color); - --current-button-text-color: var(--theme-button-text-color); - --current-button-transition: var(--theme-button-transition); - padding: var(--theme-button-padding); - border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); - border-radius: var(--theme-button-border-radius); - --initial-font-size: 17; - font-size: var(--final-font-size); - font-family: Reforma2018, sans-serif; - font-weight: 500; - line-height: 1.2; - letter-spacing: 0.03em; - text-transform: capitalize; } - .editor-styles-wrapper .wp-block-button__link:hover { - --current-button-background-color: var(--theme-button-hover-background-color); - --current-button-border-color: var(--theme-button-hover-border-color); - --current-button-text-color: var(--theme-button-hover-text-color); - --current-button-transition: var(--theme-button-hover-transition); } - .editor-styles-wrapper .wp-block-button__link:not(.has-background) { - background-color: var(--current-button-background-color); } - .editor-styles-wrapper .wp-block-button__link:not(.has-text-color) { - color: var(--current-button-text-color); } - .editor-styles-wrapper .wp-block-buttons[class] { - display: flex; - align-items: center; - flex-wrap: wrap; - margin-left: calc(var(--theme-spacing) * -1); } - .editor-styles-wrapper .wp-block-buttons[class] .block-editor-block-list__layout { - display: flex; - align-items: center; - flex-wrap: wrap; } - .editor-styles-wrapper .wp-block-buttons[class] .block-editor-block-list__layout * { - margin-left: 0; - margin-right: 0; } - .editor-styles-wrapper .wp-block-buttons[class] .wp-block, - .editor-styles-wrapper .wp-block-buttons[class] .wp-block-button { - display: flex; - margin-left: var(--theme-spacing); } - .editor-styles-wrapper .wp-block-buttons[class].aligncenter { - justify-content: center; } - .editor-styles-wrapper .wp-block-buttons[class].alignleft { - justify-content: flex-start; } - .editor-styles-wrapper .wp-block-buttons[class].alignright { - justify-content: flex-end; } - .editor-styles-wrapper ul.wp-block-categories__list[class] { - list-style: none; - padding-left: 0; } - .editor-styles-wrapper ul.wp-block-categories__list[class] ul { - padding-left: 0; - list-style: none; - counter-reset: submenu; } - .editor-styles-wrapper ul.wp-block-categories__list[class] ul a:before { - content: "\2013 " counters(submenu, "– ", none); - counter-increment: submenu; } - .editor-styles-wrapper ul.wp-block-categories__list[class] a { - text-decoration: none; } - .editor-styles-wrapper .wp-block-columns:not(:first-child), - .editor-styles-wrapper .wp-block-columns + :not(:first-child) { - --element-spacing: var(--theme-spacing-fluid-large); } - .editor-styles-wrapper .wp-block-columns .editor-styles-wrapper .wp-block-columns:not(:first-child), - .editor-styles-wrapper .wp-block-columns .editor-styles-wrapper .wp-block-columns + :not(:first-child) { - --element-spacing: var(--theme-spacing-fluid-medium); } - .editor-styles-wrapper .wp-block-column { - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; } - .editor-styles-wrapper :root { - --wp-block-columns-spacing: calc(var(--theme-spacing-fluid-medium) + var(--theme-spacing-fluid-tiny)); } - .editor-styles-wrapper .wp-block-columns { - display: flex; } - .editor-styles-wrapper .wp-block-columns > * { - flex: 0 1 100%; } - .editor-styles-wrapper .wp-block-columns > :not(:first-child) { - margin-left: var(--wp-block-columns-spacing); } - @media not screen and (min-width: 1000px) { - .editor-styles-wrapper .wp-block-columns { - flex-wrap: wrap; } - .editor-styles-wrapper .wp-block-columns > * { - flex-basis: calc(50% - var(--wp-block-columns-spacing) / 2) !important; - margin-bottom: var(--wp-block-columns-spacing); } - .editor-styles-wrapper .wp-block-columns > :nth-child(2n+1) { - margin-left: 0; } - .editor-styles-wrapper .wp-block-columns > :last-child, - .editor-styles-wrapper .wp-block-columns > :nth-child(2n+1):nth-last-child(2) { - margin-bottom: 0; } - .editor-styles-wrapper .wp-block-columns .editor-styles-wrapper .wp-block-columns { - flex-wrap: wrap; } - .editor-styles-wrapper .wp-block-columns .editor-styles-wrapper .wp-block-columns > * { - flex-basis: 100% !important; } - .editor-styles-wrapper .wp-block-columns .editor-styles-wrapper .wp-block-columns > :nth-child(n) { - margin-left: 0; } - .editor-styles-wrapper .wp-block-columns .editor-styles-wrapper .wp-block-columns > :nth-child(n):not(:last-child) { - margin-bottom: var(--wp-block-columns-spacing); } } - @media not screen and (min-width: 768px) { - .editor-styles-wrapper .wp-block-columns { - flex-wrap: wrap; } - .editor-styles-wrapper .wp-block-columns > * { - flex-basis: 100% !important; } - .editor-styles-wrapper .wp-block-columns > :nth-child(n) { - margin-left: 0; } - .editor-styles-wrapper .wp-block-columns > :nth-child(n):not(:last-child) { - margin-bottom: var(--wp-block-columns-spacing); } } - .editor-styles-wrapper .wp-block-columns.are-vertically-aligned-top { - align-items: flex-start; } - .editor-styles-wrapper .wp-block-columns.are-vertically-aligned-center { - align-items: center; } - .editor-styles-wrapper .wp-block-columns.are-vertically-aligned-bottom { - align-items: flex-end; } - .editor-styles-wrapper .wp-block-column.is-vertically-aligned-top { - align-self: flex-start; } - .editor-styles-wrapper .wp-block-column.is-vertically-aligned-center { - align-self: center; } - .editor-styles-wrapper .wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; } - .editor-styles-wrapper .wp-block-columns .block-editor-inner-blocks { - width: 100%; } - .editor-styles-wrapper .wp-block-cover { - position: relative; - display: flex; - align-items: center; - justify-content: center; - padding: 2em; - min-height: 430px; - text-align: center; - color: #FFFFFF; - background-color: #000000; - background-size: cover; } - .editor-styles-wrapper .wp-block-cover a { - color: inherit; } - .editor-styles-wrapper .wp-block-cover.has-background-dim:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 200; - background-color: inherit; - opacity: 0.5; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-10:before { - opacity: 0.1; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-20:before { - opacity: 0.2; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-30:before { - opacity: 0.3; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-40:before { - opacity: 0.4; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-50:before { - opacity: 0.5; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-60:before { - opacity: 0.6; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-70:before { - opacity: 0.7; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-80:before { - opacity: 0.8; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-90:before { - opacity: 0.9; } - .editor-styles-wrapper .wp-block-cover.has-background-dim-100:before { - opacity: 1; } - .editor-styles-wrapper .wp-block-cover.has-parallax { - background-attachment: fixed; } - .editor-styles-wrapper .wp-block-cover-text { - color: inherit; } - .editor-styles-wrapper .wp-block-cover > * { - position: relative; - z-index: 300; } - .editor-styles-wrapper .wp-block-cover__video-background { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - z-index: 100; } - .editor-styles-wrapper .wp-block-cover .block-editor-block-list__block { - color: inherit; } - .editor-styles-wrapper .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper { - position: relative; } - .editor-styles-wrapper .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper:before { - content: ""; - display: block; } - .editor-styles-wrapper .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; } - .editor-styles-wrapper .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper { - padding-top: 75%; } - .editor-styles-wrapper .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper { - padding-top: 56.25%; } - .editor-styles-wrapper .wp-block-gallery { - --block-grid-spacing: 20px; - list-style: none; - display: flex; - flex-wrap: wrap; } - .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 1 * var(--block-grid-spacing))/2); } - .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-grid > *:nth-child(-n + 2) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-grid > *:nth-child(2n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 2 * var(--block-grid-spacing))/3); } - .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-grid > *:nth-child(-n + 3) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-grid > *:nth-child(3n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 3 * var(--block-grid-spacing))/4); } - .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-grid > *:nth-child(-n + 4) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-grid > *:nth-child(4n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 4 * var(--block-grid-spacing))/5); } - .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-grid > *:nth-child(-n + 5) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-grid > *:nth-child(5n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 5 * var(--block-grid-spacing))/6); } - .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-grid > *:nth-child(-n + 6) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-grid > *:nth-child(6n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 6 * var(--block-grid-spacing))/7); } - .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-grid > *:nth-child(-n + 7) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-grid > *:nth-child(7n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 7 * var(--block-grid-spacing))/8); } - .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-grid > *:nth-child(-n + 8) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-grid > *:nth-child(8n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-9 .blocks-gallery-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 8 * var(--block-grid-spacing))/9); } - .editor-styles-wrapper .wp-block-gallery.columns-9 .blocks-gallery-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-9 .blocks-gallery-grid > *:nth-child(-n + 9) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-gallery.columns-9 .blocks-gallery-grid > *:nth-child(9n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-gallery img { - display: block; } - .editor-styles-wrapper .wp-block-gallery figure { - position: relative; - display: flex; - flex-direction: column; - justify-content: flex-start; - height: 100%; } - .editor-styles-wrapper .wp-block-gallery figcaption:not(.blocks-gallery-caption) { - --initial-font-size: 16; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.7; - font-weight: 400; - letter-spacing: -0.03em; - position: absolute; - bottom: 0; - width: 100%; - max-height: 100%; - overflow: auto; - color: var(--current-light-primary); - text-align: center; - background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent); } - .editor-styles-wrapper .wp-block-gallery .blocks-gallery-caption { - --initial-font-size: 16; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.7; - font-weight: 400; - letter-spacing: -0.03em; } - .editor-styles-wrapper .wp-block-gallery.is-cropped img { - width: 100%; - height: 100%; - object-fit: cover; } - .editor-styles-wrapper .wp-block-gallery .components-form-file-upload { - width: 100%; } - .editor-styles-wrapper .blocks-gallery-grid { - list-style: none; - display: flex; - flex-wrap: wrap; } - .editor-styles-wrapper .blocks-gallery-grid[class] { - padding-left: 0; } - .editor-styles-wrapper .wp-block-group { - --wp-block-group-padding: var(--current-element-padding, var(--theme-spacing-fluid-large)); } - .editor-styles-wrapper .wp-block-group[class*="is-style"]:not(.is-style-default) { - padding-top: var(--wp-block-group-padding); - padding-bottom: var(--wp-block-group-padding); } - .editor-styles-wrapper .wp-block-group[class*="is-style"]:not(.is-style-default) + .editor-styles-wrapper .wp-block-group[class*="is-style"]:not(.is-style-default) { - --element-spacing: 0; } - .editor-styles-wrapper .editor-block-list__block, - .editor-styles-wrapper .block-editor-block-list__block { - clear: both; } - .editor-styles-wrapper .editor-block-list__block .wp-block-image img, - .editor-styles-wrapper .block-editor-block-list__block .wp-block-image img { - display: block; } - .editor-styles-wrapper .editor-block-list__block .wp-block-image figcaption, - .editor-styles-wrapper .block-editor-block-list__block .wp-block-image figcaption { - --initial-font-size: 16; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.7; - font-weight: 400; - letter-spacing: -0.03em; } - .editor-styles-wrapper .editor-block-list__block[data-align="full"] .wp-block-image figcaption, - .editor-styles-wrapper .block-editor-block-list__block[data-align="full"] .wp-block-image figcaption { - padding-left: var(--theme-wrapper-sides-spacing); - padding-right: var(--theme-wrapper-sides-spacing); } - .editor-styles-wrapper .editor-block-list__block[data-align="center"] .wp-block-image img, - .editor-styles-wrapper .block-editor-block-list__block[data-align="center"] .wp-block-image img { - margin-left: auto; - margin-right: auto; } - .editor-styles-wrapper .wp-block-latest-comments { - list-style: none; } - .editor-styles-wrapper .wp-block-latest-comments > :not(:first-child) { - --element-spacing: var(--theme-spacing-medium); - margin-top: var(--element-spacing); } - .editor-styles-wrapper .wp-block-latest-comments__comment { - display: flex; - align-items: flex-start; } - .editor-styles-wrapper .wp-block-latest-comments__comment-meta a { - text-decoration: none; } - .editor-styles-wrapper .wp-block-latest-comments__comment-date { - display: block; } - .editor-styles-wrapper .wp-block-latest-comments__comment-author { - font-weight: 700; } - .editor-styles-wrapper .wp-block-latest-comments__comment-avatar { - display: block; - flex: 0 0 auto; - width: var(--theme-comment-avatar-width); - height: var(--theme-comment-avatar-width); - margin-right: var(--theme-comment-avatar-spacing); - object-fit: cover; } - .editor-styles-wrapper .wp-block-latest-posts[class] { - padding-left: 0; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid { - list-style: none; - display: flex; - flex-wrap: wrap; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid > * { - flex: 0 1 auto; - margin-right: var(--block-grid-spacing); - margin-top: var(--block-grid-spacing); - width: calc((100% - 1 * var(--block-grid-spacing))/2); } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid > *:last-child { - margin-right: 0; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid > *:nth-child(-n + 2) { - margin-top: 0; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid > *:nth-child(2n) { - margin-right: 0; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid > li { - position: relative; - display: block; - padding: 2em; - text-align: center; - background: #EEE; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid a { - display: block; - text-decoration: none; } - .editor-styles-wrapper .wp-block-latest-posts__list.is-grid a:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; } - .editor-styles-wrapper .wp-block-media-text { - display: grid; - grid-template-rows: auto; - align-items: center; - grid-template-areas: "media-text-media media-text-content"; - grid-template-columns: 50% auto; } - .editor-styles-wrapper .wp-block-media-text.has-media-on-the-right { - grid-template-areas: "media-text-content media-text-media"; - grid-template-columns: auto 50%; } - .editor-styles-wrapper .wp-block-media-text.is-vertically-aligned-top { - align-items: start; } - .editor-styles-wrapper .wp-block-media-text.is-vertically-aligned-center { - align-items: center; } - .editor-styles-wrapper .wp-block-media-text.is-vertically-aligned-bottom { - align-items: end; } - .editor-styles-wrapper .wp-block-media-text .wp-block-media-text__media { - grid-area: media-text-media; - margin: 0; } - .editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content { - word-break: break-word; - grid-area: media-text-content; - padding: 0 8% 0 8%; } - .editor-styles-wrapper .wp-block-media-text > figure > img, - .editor-styles-wrapper .wp-block-media-text > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; } - .editor-styles-wrapper .wp-block-media-text.is-image-fill figure { - height: 100%; - min-height: 250px; - background-size: cover; } - .editor-styles-wrapper .wp-block-media-text.is-image-fill figure > img { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - @media (max-width: 600px) { - .editor-styles-wrapper .wp-block-media-text.is-stacked-on-mobile { - grid-template-columns: 100% !important; - grid-template-areas: "media-text-media" "media-text-content"; } - .editor-styles-wrapper .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right { - grid-template-areas: "media-text-content" "media-text-media"; } } - .editor-styles-wrapper .wp-block-social-links { - display: flex; - justify-content: flex-start; - padding-left: 0; - padding-right: 0; - margin-left: 0; } - .editor-styles-wrapper .wp-block-social-links .wp-social-link a, - .editor-styles-wrapper .wp-block-social-links .wp-social-link a:hover { - text-decoration: none; - border-bottom: 0; - box-shadow: none; } - .editor-styles-wrapper .wp-block-social-links svg { - fill: currentColor; } - .editor-styles-wrapper .wp-block-social-links .wp-social-link[class] { - margin-top: 0; } - .editor-styles-wrapper .wp-social-link { - display: block; - width: 36px; - height: 36px; - border-radius: 36px; - margin-right: 8px; - transition: transform 0.1s ease; } - .editor-styles-wrapper .wp-social-link a { - padding: 6px; - display: block; - line-height: 0; - transition: transform 0.1s ease; } - .editor-styles-wrapper .wp-social-link a, - .editor-styles-wrapper .wp-social-link a:hover, - .editor-styles-wrapper .wp-social-link a:active, - .editor-styles-wrapper .wp-social-link a:visited, - .editor-styles-wrapper .wp-social-link svg { - color: currentColor; - fill: currentColor; } - .editor-styles-wrapper .wp-social-link:hover { - transform: scale(1.1); } - .editor-styles-wrapper .wp-block-social-links.aligncenter { - justify-content: center; - display: flex; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { - background-color: #f0f0f0; - color: #444; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { - background-color: #f90; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { - background-color: #1ea0c3; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { - background-color: #0757fe; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { - background-color: #1e1f26; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { - background-color: #02e49b; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { - background-color: #e94c89; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { - background-color: #4280ff; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { - background-color: #f45800; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { - background-color: #1977f2; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { - background-color: #000; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { - background-color: #0461dd; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { - background-color: #e65678; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { - background-color: #24292d; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { - background-color: #eceadd; - color: #382110; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { - background-color: #ea4434; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { - background-color: #f00075; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { - background-color: #e21b24; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { - background-color: #0577b5; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { - background-color: #3288d4; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { - background-color: #02ab6c; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { - background-color: #f6405f; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { - background-color: #e60122; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { - background-color: #ef4155; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { - background-color: #fe4500; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { - background-color: #0478d7; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { - background-color: #fefc00; - color: #fff; - stroke: #000; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { - background-color: #ff5600; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { - background-color: #1bd760; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { - background-color: #011835; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { - background-color: #6440a4; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { - background-color: #21a1f3; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { - background-color: #1eb7ea; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { - background-color: #4680c2; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { - background-color: #3499cd; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { - background-color: #d32422; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { - background-color: #ff0100; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link { - background: none; - padding: 4px; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link svg { - width: 28px; - height: 28px; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { - color: #f90; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { - color: #1ea0c3; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-behance { - color: #0757fe; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { - color: #1e1f26; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { - color: #02e49b; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { - color: #e94c89; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { - color: #4280ff; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { - color: #f45800; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { - color: #1977f2; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { - color: #000; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { - color: #0461dd; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { - color: #e65678; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-github { - color: #24292d; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { - color: #382110; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-google { - color: #ea4434; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { - color: #f00075; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { - color: #e21b24; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { - color: #0577b5; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { - color: #3288d4; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-medium { - color: #02ab6c; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { - color: #f6405f; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { - color: #e60122; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { - color: #ef4155; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { - color: #fe4500; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-skype { - color: #0478d7; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { - color: #fff; - stroke: #000; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { - color: #ff5600; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { - color: #1bd760; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { - color: #011835; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { - color: #6440a4; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { - color: #21a1f3; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { - color: #1eb7ea; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-vk { - color: #4680c2; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { - color: #3499cd; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { - background-color: #d32422; - color: #fff; } - .editor-styles-wrapper .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { - color: #ff0100; } - .editor-styles-wrapper .wp-block-social-links.is-style-pill-shape .wp-social-link { - width: auto; } - .editor-styles-wrapper .wp-block-social-links.is-style-pill-shape .wp-social-link a { - padding-left: 16px; - padding-right: 16px; } - .editor-styles-wrapper .wp-block-social-links .block-editor-block-list__block { - margin: 0; } - .editor-styles-wrapper .wp-block-table { - overflow-x: auto; } - :root { - --novablocks-color-1: var(--current-color-primary); - --novablocks-color-2: var(--current-color-secondary); - --novablocks-color-3: var(--current-color-tertiary); - --novablocks-dark-1: var(--current-dark-primary); - --novablocks-dark-2: var(--current-dark-secondary); - --novablocks-dark-3: var(--current-dark-tertiary); - --novablocks-light-1: var(--current-light-primary); - --novablocks-light-2: var(--current-light-secondary); - --novablocks-light-3: var(--current-light-tertiary); - --nova-food-menu-item-highlight-color: var(--current-dark-primary); - --novablocks-sides-spacings: var(--theme-wrapper-sides-spacing); } - .editor-styles-wrapper .nova-food-menu { - --theme-content-width-normal: var(--theme-content-width-wide); } - .editor-styles-wrapper .nova-food-menu__header .section-title { - margin-bottom: var(--theme-spacing); } - .editor-styles-wrapper .nova-food-menu__section:not(:first-child) { - margin-top: var(--theme-spacing-small); } - .editor-styles-wrapper .nova-food-menu-item__title { - --theme-heading-5-font-weight: 700; } - .editor-styles-wrapper .nova-food-menu-item__title .item-title { - --initial-font-size: 24; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; - padding-right: var(--theme-spacing-tiny); } - .editor-styles-wrapper .nova-food-menu-item__title:before { - bottom: 0.5em; } - .editor-styles-wrapper .nova-food-menu-item__prices { - padding-left: var(--theme-spacing-tiny); - font-feature-settings: 'tnum' on, 'lnum' on; } - .editor-styles-wrapper .nova-food-menu__header .section-title { - --initial-font-size: 40; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper .nova-food-menu-item__title { - font-size: var(--theme-heading-4-font-size); } - .editor-styles-wrapper .nova-food-menu-item__title:before { - border-width: .15em; } - .editor-styles-wrapper .item-title { - background-color: var(--current-light-primary); } - .editor-styles-wrapper .nova-food-menu-item__label { - color: var(--current-light-primary); } - .editor-styles-wrapper .wp-block-novablocks-menu-food-item.is-style-rounded { - --item-border-radius: 0.4em; } - .editor-styles-wrapper .nova-food-menu-item--highlighted { - --item-padding: var( --theme-spacing ); } - .editor-styles-wrapper .item-title { - background-color: var(--current-light-primary); } - .editor-styles-wrapper .nova-food-menu-item--highlighted { - margin-left: 0; - margin-right: 0; } - .editor-styles-wrapper .novablocks-map__marker-name { - position: absolute; - top: 50%; - left: 100%; - padding: 0.7em 1.2em 0.7em 1em; - border-left: 18px solid transparent; - margin-left: -18px; - margin-top: -6px; - box-shadow: 0 2px 10px -5px; - border-top-right-radius: 999em; - border-bottom-right-radius: 999em; - background: #FFFFFF; - transform: translate(0, -50%); } - .editor-styles-wrapper .novablocks-map__marker-name[class][class][class] { - font-size: 16px; } - .editor-styles-wrapper .wp-block[data-type="novablocks/header"] .editor-block-list__layout, - .editor-styles-wrapper .wp-block[data-type="novablocks/header"] .block-editor-block-list__layout { - display: grid; - align-items: center; - grid-gap: 1em; } - .editor-styles-wrapper .wp-block[data-type="novablocks/header"] .editor-block-list__layout .wp-block, - .editor-styles-wrapper .wp-block[data-type="novablocks/header"] .block-editor-block-list__layout .wp-block { - margin: 0; - max-width: 100%; } - .editor-styles-wrapper .wp-block[data-type="novablocks/header"] .editor-block-list__layout > :last-child, - .editor-styles-wrapper .wp-block[data-type="novablocks/header"] .block-editor-block-list__layout > :last-child { - justify-content: flex-end; } - .editor-styles-wrapper .site-header-logo-center .editor-block-list__layout, - .editor-styles-wrapper .site-header-logo-center .block-editor-block-list__layout { - grid-template-columns: 1fr auto 1fr; } - .editor-styles-wrapper .site-header-logo-left .editor-block-list__layout, - .editor-styles-wrapper .site-header-logo-left .block-editor-block-list__layout { - grid-template-columns: auto 1fr; } - .editor-styles-wrapper .wp-block[data-type="novablocks/navigation"] { - display: flex; } - .editor-styles-wrapper .wp-block[data-type="novablocks/logo"] a { - color: var(--current-dark-primary); } - .editor-styles-wrapper .wp-block[data-type="novablocks/logo"] .site-title, - .editor-styles-wrapper .wp-block[data-type="novablocks/logo"] .site-description { - margin-top: 0; - margin-bottom: 0; } - .editor-styles-wrapper .c-logo__inverted { - display: none; } - .editor-styles-wrapper .wp-block-novablocks-navigation ul.menu > li, - .editor-styles-wrapper .wp-block-novablocks-navigation .menu > ul > li { - margin-left: var(--theme-header-links-spacing); } - .editor-styles-wrapper .site-header > div:first-child { - padding-left: var(--theme-header-sides-spacing); - padding-right: var(--theme-header-sides-spacing); } - .editor-styles-wrapper .novablocks-hero .wp-block-button:not(.is-style-text) .wp-block-button__link { - --theme-button-background-color: var(--novablocks-hero-text-color); - --theme-button-border-color: var(--novablocks-hero-text-color); - --theme-button-text-color: var(--theme-dark-primary); - --theme-button-hover-text-color: var(--novablocks-hero-text-color); - --theme-button-hover-border-color: var(--novablocks-hero-text-color); } - .editor-styles-wrapper .novablocks-u-background-dark .novablocks-hero__indicator:after { - color: var(--theme-sm-light-1); } - .editor-styles-wrapper .novablocks-media__content { - max-width: 100%; - --initial-font-size: 16; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.7; - font-weight: 400; - letter-spacing: -0.03em; - flex-basis: calc(50% - var(--novablocks-media-spacing)); } - .editor-styles-wrapper .novablocks-media__aside { - flex-basis: calc(50% + var(--novablocks-media-spacing) - 0.5px); - min-height: 400px; } - .novablocks-media:not(.novablocks-media--no-thumbnail) .editor-styles-wrapper .novablocks-media__aside { - min-height: 15em; } - @media only screen and (min-width: 768px) { - .has-image-on-the-left .editor-styles-wrapper .novablocks-media__aside { - order: -1; } } - .editor-styles-wrapper .novablocks-media__image { - position: relative; - flex-grow: 1; } - .editor-styles-wrapper .novablocks-media__image img, .editor-styles-wrapper .novablocks-media__image svg { - position: absolute; - top: 0; - left: 0; - min-width: 100%; - min-height: 100%; - max-width: none; - width: auto; - height: auto; } - @supports (transform: translate(-50%, -50%)) { - .editor-styles-wrapper .novablocks-media__image img, .editor-styles-wrapper .novablocks-media__image svg { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); } } - @supports (object-fit: cover) { - .editor-styles-wrapper .novablocks-media__image img, .editor-styles-wrapper .novablocks-media__image svg { - width: 100%; - height: 100%; - object-fit: cover; - top: 0; - left: 0; - transform: none; } } - .editor-styles-wrapper .novablocks-media__image svg { - object-fit: contain; } - .editor-styles-wrapper .block-is-moderate { - --novablocks-media-background-color: var(--current-light-tertiary); } - .editor-styles-wrapper .novablocks-media { - --novablocks-media-content-padding: var(--theme-spacing-fluid-large); - --novablocks-media-spacing: var(--theme-spacing-fluid-medium); } - .editor-styles-wrapper .novablocks-media--blog[class] .novablocks-media__content { - margin-bottom: 0; } - .editor-styles-wrapper .novablocks-media--blog[class] .novablocks-media__aside { - order: 0; } - .editor-styles-wrapper .novablocks-media--blog[class].has-image-on-the-left .novablocks-media__layout { - flex-direction: row-reverse; } - @media not screen and (min-width: 768px) { - .editor-styles-wrapper .novablocks-media__content { - flex-basis: 100%; } - .editor-styles-wrapper .novablocks-media { - --novablocks-media-background-color: transparent; } - .editor-styles-wrapper .novablocks-media__inner-container { - --novablocks-media-content-padding: 0; - --novablocks-media-content-background-color: transparent; - --novablocks-media-text-color: var(--theme-dark-primary); - box-shadow: none; } } - .editor-styles-wrapper .menu { - padding-top: 0; } - .editor-styles-wrapper .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button { - --theme-button-hover-background-color: var(--current-light-primary); - --theme-button-hover-text-color: var(--current-dark-primary); - --theme-button-background-color: var(--current-dark-primary); - --theme-button-border-color: var(--current-dark-primary); - --theme-button-text-color: var(--current-light-primary); - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - transition: var(--current-button-transition); - color: var(--current-button-text-color); } - .editor-styles-wrapper .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button:hover { - color: var(--current-button-hover-text-color); } - .editor-styles-wrapper .ot-dtp-picker.standard .ot-dtp-picker-form .ot-dtp-picker-button { - --theme-button-hover-background-color: var(--current-dark-primary); - --theme-button-hover-text-color: var(--current-light-primary); - --theme-button-background-color: var(--current-light-primary); - --theme-button-border-color: var(--current-light-primary); - --theme-button-hover-border-color: var(--current-light-primary); - --theme-button-text-color: var(--current-dark-primary); - background-color: transparent; - transform: translateZ(0); - will-change: transform; - backface-visibility: hidden; - overflow: hidden; - transition: var(--current-button-transition); - color: var(--current-button-text-color); } - .editor-styles-wrapper .ot-dtp-picker.standard .ot-dtp-picker-form .ot-dtp-picker-button:before { - content: ''; - position: absolute; - top: calc( -1 * var(--theme-button-border-width)); - right: calc( -1 * var(--theme-button-border-width)); - bottom: calc( -1 * var(--theme-button-border-width)); - left: calc( -1 * var(--theme-button-border-width)); - z-index: -1; - will-change: transform; - -webkit-backface-visibility: hidden; - transition: var(--current-button-transition); - transition-property: transform; } - .editor-styles-wrapper .ot-dtp-picker.standard .ot-dtp-picker-form .ot-dtp-picker-button:before { - transform: scale3d(1, 1, 1); - transform-origin: right; - background-color: var(--theme-button-background-color); } - .editor-styles-wrapper .ot-dtp-picker.standard .ot-dtp-picker-form .ot-dtp-picker-button:hover:before { - transform: scale3d(0, 1, 1); } - .editor-styles-wrapper .ot-dtp-picker.standard .ot-dtp-picker-form .ot-dtp-picker-button:hover { - color: var(--current-button-hover-text-color); } - .editor-styles-wrapper .novablocks-opentable { - /* body.supports-mutation-observer */ - transition: var(--theme-transition); - transition-property: opacity; } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] { - border-color: var(--current-dark-secondary); } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] .ot-dtp-picker-selector-link { - color: var(--current-dark-secondary); } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] .ot-dtp-picker-selector-link:before { - color: currentColor; } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] .ot-dtp-picker-selector-link:after { - color: currentColor; } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-form:after { - clear: both; - content: ""; - display: block; } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__standard[class] { - padding: var(--theme-spacing-fluid-small); } - .editor-styles-wrapper .novablocks-opentable.novablocks-opentable__standard[class] .ot-party-size-picker { - margin-bottom: var(--theme-spacing-medium); } - .editor-styles-wrapper .novablocks-opentable:not(.is-loaded) { - opacity: 0; } - .editor-styles-wrapper .ot-dtp-picker-selector-link { - text-decoration: none; } - .editor-styles-wrapper .is-dark-mode .novablocks-opentable.novablocks-opentable__standard[class] .ot-powered-by { - -webkit-filter: unset; - mix-blend-mode: unset; } - .editor-styles-wrapper .is-dark-mode .novablocks-opentable.novablocks-opentable__wide[class] .ot-powered-by { - -webkit-filter: invert(1) saturate(0); - mix-blend-mode: lighten; } - .editor-styles-wrapper .novablocks-slideshow__arrow { - background-color: transparent; - width: 50px; - height: 50px; - transform: translateY(-50%); } - .editor-styles-wrapper .novablocks-slideshow__arrow:hover:after { - opacity: .1; } - .editor-styles-wrapper .novablocks-slideshow__arrow--prev:before { - width: 32px; - height: 32px; - transform: translate(-50%, -50%); - -webkit-mask: url(assets/images/icon-arrow.svg) no-repeat 50% 50%; - mask: url(assets/images/icon-arrow.svg) no-repeat 50% 50%; - -webkit-mask-size: cover; - mask-size: cover; - background-color: #ffffff; - border: 0; - margin: 0; - padding: 0; } - .editor-styles-wrapper .novablocks-slideshow__arrow--next:before { - width: 32px; - height: 32px; - transform: translate(-50%, -50%) rotate(180deg); - -webkit-mask: url(assets/images/icon-arrow.svg) no-repeat 50% 50%; - mask: url(assets/images/icon-arrow.svg) no-repeat 50% 50%; - -webkit-mask-size: cover; - mask-size: cover; - background-color: #ffffff; - border: 0; - margin: 0; - padding: 0; } - .editor-styles-wrapper .novablocks-slideshow__arrow:after { - content: ''; - display: block; - width: 50px; - height: 50px; - background-color: #FFFFFF; - opacity: 0; - border-radius: 50%; - -webkit-transition: opacity 0.15s ease-in; - transition: opacity 0.15s ease-in; - border: 0; - margin-top: 0; - -webkit-transform: none; - transform: none; } - .editor-styles-wrapper .wp-block-quote, - .editor-styles-wrapper .wp-block-pullquote { - --initial-font-size: 32; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper .wp-block-quote.has-smaller-font-size, - .editor-styles-wrapper .wp-block-pullquote.has-smaller-font-size { - --initial-font-size: 24; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper .wp-block-quote.has-larger-font-size, - .editor-styles-wrapper .wp-block-pullquote.has-larger-font-size { - --initial-font-size: 40; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper .wp-block-pullquote:before { - content: ""; - display: block; - height: 0.1em; - background-color: var(--current-color-primary); - margin-bottom: var(--theme-spacing); - max-width: 5em; } - .editor-styles-wrapper .wp-block-quote cite, - .editor-styles-wrapper .wp-block-quote__citation, - .editor-styles-wrapper .wp-block-pullquote cite, - .editor-styles-wrapper .wp-block-pullquote__citation { - margin-top: var(--theme-spacing); - --initial-font-size: 16; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.7; - font-weight: 400; - letter-spacing: -0.03em; - font-style: normal; } - .editor-styles-wrapper[class] { - /* Headings */ - /* Iframes */ - /* Lists */ - /* Nested unordered lists */ - /* Nested ordered lists */ - /* Preformatted */ - /* Tables */ - --initial-font-size: 18; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.6; - letter-spacing: -0.03em; - background-color: var(--current-light-primary); - color: var(--current-dark-secondary); } - .editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] h6 { - margin: 0; } - .editor-styles-wrapper[class] h1.has-larger-font-size { - --initial-font-size: 115; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.03; - font-weight: 700; - letter-spacing: -0.03em; } - .editor-styles-wrapper[class] h1, - .editor-styles-wrapper[class] h2.has-larger-font-size { - --initial-font-size: 66; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - line-height: 1.1; - font-weight: 700; - letter-spacing: -0.03em; } - .editor-styles-wrapper[class] h1.has-smaller-font-size, - .editor-styles-wrapper[class] h2, - .editor-styles-wrapper[class] h3.has-larger-font-size { - --initial-font-size: 40; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper[class] h2.has-smaller-font-size, - .editor-styles-wrapper[class] h3 { - --initial-font-size: 32; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper[class] h3.has-smaller-font-size, - .editor-styles-wrapper[class] h4 { - --initial-font-size: 24; - font-size: var(--final-font-size); - font-family: Reforma1969, sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: -0.02em; } - .editor-styles-wrapper[class] h5 { - --initial-font-size: 17; - font-size: var(--final-font-size); - font-family: Reforma2018, sans-serif; - font-weight: 500; - line-height: 1.5; - letter-spacing: 0.017em; } - .editor-styles-wrapper[class] h6 { - --initial-font-size: 17; - font-size: var(--final-font-size); - font-family: Reforma2018, sans-serif; - font-weight: 500; - line-height: 1.5; - letter-spacing: 0.017em; } - .editor-styles-wrapper[class] iframe { - width: 100%; - max-width: 100%; - margin: 0; } - .editor-styles-wrapper[class] ul, - .editor-styles-wrapper[class] ol { - list-style-position: outside; - padding-left: var(--theme-spacing); } - .editor-styles-wrapper[class] ul > :not(:first-child), - .editor-styles-wrapper[class] ol > :not(:first-child) { - --element-spacing: var(--theme-spacing-tiny); - margin-top: var(--element-spacing); } - .editor-styles-wrapper[class] ul { - list-style-type: disc; } - .editor-styles-wrapper[class] ul ul { - list-style-type: circle; } - .editor-styles-wrapper[class] ul ul ul { - list-style-type: square; } - .editor-styles-wrapper[class] ol { - list-style-type: decimal; } - .editor-styles-wrapper[class] ol ol { - list-style-type: lower-alpha; } - .editor-styles-wrapper[class] pre { - white-space: pre; - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; } - .editor-styles-wrapper[class] table { - width: 100%; - float: none; - border-collapse: collapse; - margin-bottom: 2em; } - .editor-styles-wrapper[class] table th { - text-align: left; } - .editor-styles-wrapper[class] table th, - .editor-styles-wrapper[class] table td { - vertical-align: middle; } - .editor-styles-wrapper[class] table tr, - .editor-styles-wrapper[class] table thead, - .editor-styles-wrapper[class] table tbody, - .editor-styles-wrapper[class] table tfoot { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); } - .editor-styles-wrapper[class] table th, - .editor-styles-wrapper[class] table td { - padding: .5em; - max-width: 100%; - white-space: nowrap; - border: 0; } - .editor-styles-wrapper[class] table caption { - padding: 5em 0; } - .editor-styles-wrapper[class] table th:first-child, - .editor-styles-wrapper[class] table td:first-child { - padding-left: 0; } - .editor-styles-wrapper[class] table th:last-child, - .editor-styles-wrapper[class] table td:last-child { - padding-right: 0; } - .editor-styles-wrapper[class] table.has-fixed-layout { - table-layout: fixed; } - .editor-styles-wrapper[class] table.has-fixed-layout th, - .editor-styles-wrapper[class] table.has-fixed-layout td { - white-space: normal; } - .editor-styles-wrapper a { - color: var(--current-dark-secondary); - text-decoration: underline; - transition: text-decoration-color 0.25s cubic-bezier(0.42, 0, 0.58, 1); } - .editor-styles-wrapper a:hover, .editor-styles-wrapper a:focus { - color: var(--current-dark-secondary); - text-decoration-color: var(--current-color-primary); } - .editor-styles-wrapper img, - .editor-styles-wrapper video { - max-width: 100%; - height: auto; } - .editor-styles-wrapper img { - transition: var(--theme-transition); - transition-property: opacity; } - .editor-styles-wrapper figure { - margin: 0; } - .editor-styles-wrapper .alignleft:not(:first-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignleft:not(:first-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=left] [data-block]:not(:first-child) { - margin-top: var(--theme-spacing-small); } - .editor-styles-wrapper .alignleft:not(:last-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignleft:not(:last-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=left] [data-block]:not(:last-child) { - margin-bottom: var(--theme-spacing-small); } - .editor-styles-wrapper .alignright:not(:first-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignright:not(:first-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=right] [data-block]:not(:first-child) { - margin-top: var(--theme-spacing-small); } - .editor-styles-wrapper .alignright:not(:last-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignright:not(:last-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=right] [data-block]:not(:last-child) { - margin-bottom: var(--theme-spacing-small); } - .editor-styles-wrapper .aligncenter:not(:first-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .aligncenter:not(:first-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=center] [data-block]:not(:first-child) { - margin-top: var(--theme-spacing-small); } - .editor-styles-wrapper .aligncenter:not(:last-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .aligncenter:not(:last-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=center] [data-block]:not(:last-child) { - margin-bottom: var(--theme-spacing-small); } - .editor-styles-wrapper .alignnone:not(:first-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignnone:not(:first-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=none] [data-block]:not(:first-child) { - margin-top: var(--theme-spacing-small); } - .editor-styles-wrapper .alignnone:not(:last-child)[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignnone:not(:last-child), - .editor-styles-wrapper .editor-styles-wrapper [data-align=none] [data-block]:not(:last-child) { - margin-bottom: var(--theme-spacing-small); } - .editor-styles-wrapper .alignleft[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignleft { - float: left; - margin-left: 0; } - - .editor-styles-wrapper [class*="wp-block"] > .alignleft { - margin-bottom: var(--theme-spacing-small); } - .editor-styles-wrapper .alignleft[class*="wp-block"] .editor-block-list__block-edit, - .editor-styles-wrapper [class*="wp-block"] > .alignleft .editor-block-list__block-edit, - .editor-styles-wrapper .editor-block-list__block[data-align=left] .editor-block-list__block-edit, - .editor-styles-wrapper .block-editor-block-list__block[data-align=left] .editor-block-list__block-edit { - max-width: 40%; } - .editor-styles-wrapper .alignleft[data-align][class*="wp-block"] .block-editor-rich-text p, - .editor-styles-wrapper [class*="wp-block"] > .alignleft[data-align] .block-editor-rich-text p, - .editor-styles-wrapper .editor-block-list__block[data-align=left][data-align] .block-editor-rich-text p, - .editor-styles-wrapper .block-editor-block-list__block[data-align=left][data-align] .block-editor-rich-text p { - font: inherit; } - .editor-styles-wrapper .alignright[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignright { - float: right; - margin-right: 0; } - - .editor-styles-wrapper [class*="wp-block"] > .alignright { - margin-bottom: var(--theme-spacing-small); } - .editor-styles-wrapper .alignright[class*="wp-block"] .editor-block-list__block-edit, - .editor-styles-wrapper [class*="wp-block"] > .alignright .editor-block-list__block-edit, - .editor-styles-wrapper .editor-block-list__block[data-align=right] .editor-block-list__block-edit, - .editor-styles-wrapper .block-editor-block-list__block[data-align=right] .editor-block-list__block-edit { - max-width: 40%; } - .editor-styles-wrapper .alignright[data-align][class*="wp-block"] .block-editor-rich-text p, - .editor-styles-wrapper [class*="wp-block"] > .alignright[data-align] .block-editor-rich-text p, - .editor-styles-wrapper .editor-block-list__block[data-align=right][data-align] .block-editor-rich-text p, - .editor-styles-wrapper .block-editor-block-list__block[data-align=right][data-align] .block-editor-rich-text p { - font: inherit; } - .editor-styles-wrapper [class*="wp-block"] { - clear: both; } - .editor-styles-wrapper .alignright[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignright, - .editor-styles-wrapper .editor-block-list__block[data-align=right] .editor-block-list__block-edit, - .editor-styles-wrapper .block-editor-block-list__block[data-align=right] .editor-block-list__block-edit { - margin-left: var(--theme-spacing-small); } - .editor-styles-wrapper .alignleft[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .alignleft, - .editor-styles-wrapper .editor-block-list__block[data-align=left] .editor-block-list__block-edit, - .editor-styles-wrapper .block-editor-block-list__block[data-align=left] .editor-block-list__block-edit { - margin-right: var(--theme-spacing-small); } - .editor-styles-wrapper .aligncenter[class*="wp-block"], - .editor-styles-wrapper [class*="wp-block"] > .aligncenter, - .editor-styles-wrapper .editor-block-list__block[data-align=center] .editor-block-list__block-edit, - .editor-styles-wrapper .block-editor-block-list__block[data-align=center] .editor-block-list__block-edit { - display: block; - margin-left: auto; - margin-right: auto; - text-align: center; } - .editor-styles-wrapper .is-style-dark { - --current-color-primary: var(--sm-color-primary); - --current-color-secondary: var(--sm-color-secondary); - --current-color-tertiary: var(--sm-color-tertiary); - --current-dark-primary: var(--sm-light-secondary); - --current-dark-secondary: var(--sm-light-primary); - --current-dark-tertiary: var(--sm-light-tertiary); - --current-light-primary: var(--sm-dark-primary); - --current-light-secondary: var(--sm-dark-secondary); - --current-light-tertiary: var(--sm-dark-tertiary); - background-color: var(--current-light-primary); - color: var(--current-dark-secondary); } - .editor-styles-wrapper .is-style-dark a { - color: inherit; } - .editor-styles-wrapper .is-style-darker { - --current-color-primary: var(--sm-color-primary); - --current-color-secondary: var(--sm-color-secondary); - --current-color-tertiary: var(--sm-color-tertiary); - --current-dark-primary: var(--sm-light-secondary); - --current-dark-secondary: var(--sm-light-primary); - --current-dark-tertiary: var(--sm-light-tertiary); - --current-light-primary: var(--sm-dark-tertiary); - --current-light-secondary: var(--sm-dark-secondary); - --current-light-tertiary: var(--sm-dark-primary); - background-color: var(--current-light-primary); - color: var(--current-dark-secondary); } - .editor-styles-wrapper .is-style-darker a { - color: inherit; } - .editor-styles-wrapper .is-style-accent { - --current-color-primary: var(--sm-dark-primary); - --current-color-secondary: var(--sm-dark-secondary); - --current-color-tertiary: var(--sm-dark-tertiary); - --current-dark-primary: var(--sm-light-secondary); - --current-dark-secondary: var(--sm-light-primary); - --current-dark-tertiary: var(--sm-light-tertiary); - --current-light-primary: var(--sm-color-primary); - --current-light-secondary: var(--sm-color-secondary); - --current-light-tertiary: var(--sm-color-tertiary); - background-color: var(--current-light-primary); - color: var(--current-dark-secondary); } - .editor-styles-wrapper blockquote { - margin: 0; } - .editor-styles-wrapper [class*="wp-block"] { - clear: none; } - -.editor-styles-wrapper { - /* Color Helper Classes */ - /* Alignment Helper Classes */ } - .editor-styles-wrapper .has-background { - padding: 1em 1.25em; } - .editor-styles-wrapper .has-sm_color_primary-background-color { - background-color: var(--current-color-primary); } - .editor-styles-wrapper .has-sm_color_primary-color { - color: var(--current-color-primary); } - .editor-styles-wrapper .has-sm-color-primary-background-color { - background-color: var(--current-color-primary); } - .editor-styles-wrapper .has-sm-color-primary-color { - color: var(--current-color-primary); } - .editor-styles-wrapper .has-sm_color_secondary-background-color { - background-color: var(--current-color-secondary); } - .editor-styles-wrapper .has-sm_color_secondary-color { - color: var(--current-color-secondary); } - .editor-styles-wrapper .has-sm-color-secondary-background-color { - background-color: var(--current-color-secondary); } - .editor-styles-wrapper .has-sm-color-secondary-color { - color: var(--current-color-secondary); } - .editor-styles-wrapper .has-sm_color_tertiary-background-color { - background-color: var(--current-color-tertiary); } - .editor-styles-wrapper .has-sm_color_tertiary-color { - color: var(--current-color-tertiary); } - .editor-styles-wrapper .has-sm-color-tertiary-background-color { - background-color: var(--current-color-tertiary); } - .editor-styles-wrapper .has-sm-color-tertiary-color { - color: var(--current-color-tertiary); } - .editor-styles-wrapper .has-sm_dark_primary-background-color { - background-color: var(--current-dark-primary); } - .editor-styles-wrapper .has-sm_dark_primary-color { - color: var(--current-dark-primary); } - .editor-styles-wrapper .has-sm-dark-primary-background-color { - background-color: var(--current-dark-primary); } - .editor-styles-wrapper .has-sm-dark-primary-color { - color: var(--current-dark-primary); } - .editor-styles-wrapper .has-sm_dark_secondary-background-color { - background-color: var(--current-dark-secondary); } - .editor-styles-wrapper .has-sm_dark_secondary-color { - color: var(--current-dark-secondary); } - .editor-styles-wrapper .has-sm-dark-secondary-background-color { - background-color: var(--current-dark-secondary); } - .editor-styles-wrapper .has-sm-dark-secondary-color { - color: var(--current-dark-secondary); } - .editor-styles-wrapper .has-sm_dark_tertiary-background-color { - background-color: var(--current-dark-tertiary); } - .editor-styles-wrapper .has-sm_dark_tertiary-color { - color: var(--current-dark-tertiary); } - .editor-styles-wrapper .has-sm-dark-tertiary-background-color { - background-color: var(--current-dark-tertiary); } - .editor-styles-wrapper .has-sm-dark-tertiary-color { - color: var(--current-dark-tertiary); } - .editor-styles-wrapper .has-sm_light_primary-background-color { - background-color: var(--current-light-primary); } - .editor-styles-wrapper .has-sm_light_primary-color { - color: var(--current-light-primary); } - .editor-styles-wrapper .has-sm-light-primary-background-color { - background-color: var(--current-light-primary); } - .editor-styles-wrapper .has-sm-light-primary-color { - color: var(--current-light-primary); } - .editor-styles-wrapper .has-sm_light_secondary-background-color { - background-color: var(--current-light-secondary); } - .editor-styles-wrapper .has-sm_light_secondary-color { - color: var(--current-light-secondary); } - .editor-styles-wrapper .has-sm-light-secondary-background-color { - background-color: var(--current-light-secondary); } - .editor-styles-wrapper .has-sm-light-secondary-color { - color: var(--current-light-secondary); } - .editor-styles-wrapper .has-sm_light_tertiary-background-color { - background-color: var(--current-light-tertiary); } - .editor-styles-wrapper .has-sm_light_tertiary-color { - color: var(--current-light-tertiary); } - .editor-styles-wrapper .has-sm-light-tertiary-background-color { - background-color: var(--current-light-tertiary); } - .editor-styles-wrapper .has-sm-light-tertiary-color { - color: var(--current-light-tertiary); } - .editor-styles-wrapper .has-text-align-left { - text-align: left; } - .editor-styles-wrapper .has-text-align-center { - text-align: center; } - .editor-styles-wrapper .has-text-align-right { - text-align: right; } - -/* Post Title Block */ -.post-type-page .editor-post-title__block { - max-width: none; } - .post-type-page .editor-post-title__block .editor-post-title__input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: initial; - font-weight: normal; - line-height: 1.4; } - .post-type-page .editor-post-title__block:not(.is-selected) .editor-post-title__input { - border-bottom: 1px dashed rgba(123, 134, 162, 0.3); } - -.editor-post-title__block .editor-post-title__input { - color: var(--current-dark-primary); } - .editor-post-title__block .editor-post-title__input:focus { - color: var(--current-dark-primary); } - -/* Hide Text Settings Panel */ -.blocks-font-size { - display: none; } - .blocks-font-size:first-child + .components-panel__body { - margin-top: 16px; } - -/* Hide Useless Heading Values */ -.components-toolbar [aria-label="Heading 4"], -.components-toolbar [aria-label="Heading 5"], -.components-toolbar [aria-label="Heading 6"] { - display: none; } - -/* Center block appender */ -.block-list-appender { - margin-left: auto; - margin-right: auto; } - -.is-dark-theme .c-logo__default { - display: none; } - -.is-dark-theme .c-logo__inverted { - display: block; } - -.is-dark-theme .components-text-control__input::-webkit-input-placeholder { - color: var(--sm-dark-primary) !important; } - -.is-dark-theme .components-text-control__input:-moz-placeholder { - color: var(--sm-dark-primary) !important; } - -.is-dark-theme .components-text-control__input::-moz-placeholder { - color: var(--sm-dark-primary) !important; } - -.is-dark-theme .components-text-control__input:-ms-input-placeholder { - color: var(--sm-dark-primary) !important; } diff --git a/inc/integrations/novablocks.php b/inc/integrations/novablocks.php index 119743a0..ddb02517 100644 --- a/inc/integrations/novablocks.php +++ b/inc/integrations/novablocks.php @@ -61,29 +61,35 @@ function rosa2_novablocks_setup() { function rosa2_alter_novablocks_hero_settings( $settings ) { $settings['hero']['template'] = array( array( - 'core/separator', - array( - 'className' => 'is-style-decorative', - ), - ), - array( - 'novablocks/headline', + 'core/group', + array(), array( - 'secondary' => esc_html__( 'This is a catchy', '__theme_txtd' ), - 'primary' => esc_html__( 'Headline', '__theme_txtd' ), - 'align' => 'center', - 'level' => 1, - 'fontSize' => 'larger', - 'className' => 'has-larger-font-size', - ), + array( + 'core/separator', + array( + 'className' => 'is-style-decorative', + ), + ), + array( + 'novablocks/headline', + array( + 'secondary' => esc_html__( 'This is a catchy', '__theme_txtd' ), + 'primary' => esc_html__( 'Headline', '__theme_txtd' ), + 'align' => 'center', + 'level' => 1, + 'fontSize' => 'larger', + 'className' => 'has-larger-font-size', + ), + ), + array( + 'core/paragraph', + array( + 'content' => esc_html__( 'A brilliant subtitle to explain its catchiness', '__theme_txtd' ), + 'className' => 'is-style-lead', + ), + ) + ) ), - array( - 'core/paragraph', - array( - 'content' => esc_html__( 'A brilliant subtitle to explain its catchiness', '__theme_txtd' ), - 'className' => 'is-style-lead', - ), - ) ); $settings['hero']['scrollIndicatorMarkup'] = ''; diff --git a/inc/integrations/style-manager/colors.php b/inc/integrations/style-manager/colors.php index 85c8a0d7..05b0b1a6 100644 --- a/inc/integrations/style-manager/colors.php +++ b/inc/integrations/style-manager/colors.php @@ -62,12 +62,14 @@ function pixelgrade_add_colors_section_to_style_manager_config( $config ) { 'html' => '' . esc_html__( 'Headings', '__theme_txtd' ) . '', ), - 'heading_1_color' => sm_get_color_switch_darker_config( 'Heading 1', 'h1', false, 1 ), - 'heading_2_color' => sm_get_color_switch_darker_config( 'Heading 2', 'h2', false, 1 ), - 'heading_3_color' => sm_get_color_switch_darker_config( 'Heading 3', 'h3', false, 2 ), - 'heading_4_color' => sm_get_color_switch_darker_config( 'Heading 4', 'h4', false, 2 ), - 'heading_5_color' => sm_get_color_switch_darker_config( 'Heading 5', 'h5', false, 3 ), - 'heading_6_color' => sm_get_color_switch_darker_config( 'Heading 6', 'h6', false, 3 ), + 'super_display_color' => sm_get_color_switch_darker_config( 'Super Display', '*', false, 1, [ '--theme-super-display-color' ] ), + 'display_color' => sm_get_color_switch_darker_config( 'Display', '*', false, 1, [ '--theme-display-color' ] ), + 'heading_1_color' => sm_get_color_switch_darker_config( 'Heading 1', '*', false, 1, [ '--theme-heading-1-color' ] ), + 'heading_2_color' => sm_get_color_switch_darker_config( 'Heading 2', '*', false, 1, [ '--theme-heading-2-color' ] ), + 'heading_3_color' => sm_get_color_switch_darker_config( 'Heading 3', '*', false, 2, [ '--theme-heading-3-color' ] ), + 'heading_4_color' => sm_get_color_switch_darker_config( 'Heading 4', '*', false, 2, [ '--theme-heading-4-color' ] ), + 'heading_5_color' => sm_get_color_switch_darker_config( 'Heading 5', '*', false, 3, [ '--theme-heading-5-color' ] ), + 'heading_6_color' => sm_get_color_switch_darker_config( 'Heading 6', '*', false, 3, [ '--theme-heading-6-color' ] ), 'sm-group-separator-3' => array( 'type' => 'html', 'html' => '' ), diff --git a/inc/integrations/style-manager/connected-fields.php b/inc/integrations/style-manager/connected-fields.php index dd7f336e..8382e36a 100644 --- a/inc/integrations/style-manager/connected-fields.php +++ b/inc/integrations/style-manager/connected-fields.php @@ -29,6 +29,7 @@ function rosa2_add_style_manager_connected_fields( $options ) { 'sm_font_primary' => array( 'default' => 'Reforma1969', 'connected_fields' => array( + 'super_display_font', 'display_font', 'heading_1_font', 'heading_2_font', diff --git a/inc/integrations/style-manager/fonts.php b/inc/integrations/style-manager/fonts.php index 111c5cba..7aaa1b87 100644 --- a/inc/integrations/style-manager/fonts.php +++ b/inc/integrations/style-manager/fonts.php @@ -93,6 +93,13 @@ function rosa2_add_fonts_section_to_style_manager_config( $config ) { 'unit' => '', ); + $font_size_config_extra_large = array( + 'min' => 60, + 'max' => 240, + 'step' => 1, + 'unit' => '', + ); + $line_height_config = array( 'min' => 0.8, 'max' => 2, @@ -138,6 +145,16 @@ function rosa2_add_fonts_section_to_style_manager_config( $config ) { 'text-transform' => 'none' ); + $fields_config_extra_large = array( + 'font-size' => $font_size_config_extra_large, + 'font-weight' => true, + 'font-style' => true, + 'line-height' => $line_height_config, + 'letter-spacing' => $letter_spacing_config, + 'text-align' => false, + 'text-transform' => 'none' + ); + $rosa2_fonts_section = array( 'fonts_section' => array( @@ -187,6 +204,23 @@ function rosa2_add_fonts_section_to_style_manager_config( $config ) { 'type' => 'html', 'html' => '' . esc_html__( 'Heading Fonts', '__theme_txtd' ) . '', ), + 'super_display_font' => array( + 'type' => 'font', + 'label' => esc_html__( 'Super Display', '__theme_txtd' ), + 'desc' => esc_html__( '', '__theme_txtd' ), + 'selector' => ':root', + 'properties_prefix' => '--theme-super-display-', + 'default' => array( + 'font-family' => 'Reforma1969', + 'font-size' => 165, + 'line-height' => 1.0, + 'font-weight' => 700, + 'text-transform' => 'none', + 'text-decoration' => 'none', + 'letter-spacing' => - 0.03, + ), + 'fields' => $fields_config_extra_large, + ), 'display_font' => array( 'type' => 'font', 'label' => esc_html__( 'Display', '__theme_txtd' ), diff --git a/inc/required-plugins.php b/inc/required-plugins.php index 4c87aee1..c4d9b687 100644 --- a/inc/required-plugins.php +++ b/inc/required-plugins.php @@ -10,7 +10,7 @@ exit; } -require_once trailingslashit( get_template_directory() ) . 'inc/required-plugins/class-tgm-plugin-activation.php'; +require_once trailingslashit( get_template_directory() ) . 'inc/required-plugins/class-pxg-plugin-activation.php'; function rosa2_register_required_plugins() { @@ -29,20 +29,20 @@ function rosa2_register_required_plugins() { 'required' => true, 'source' => $protocol . '//wupdates.com/api_wupl_version/JxbVe/2v5t1czd3vw4kmb5xqmyxj1kkwmnt9q0463lhj393r5yxtshdyg05jssgd4jglnfx7A2vdxtfdcf78r9r1sm217k4ht3r2g7pkdng5f6tgwyrk23wryA0pjxvs7gwhhb', 'external_url' => $protocol . '//github.com/pixelgrade/pixelgrade_care', - 'version' => '1.7.15', + 'version' => '1.8.1', ), array( 'name' => 'Style Manager', 'slug' => 'style-manager', 'is_callable' => '\Pixelgrade\StyleManager\plugin', 'required' => true, - 'version' => '2.0.0', + 'version' => '2.0.6', ), array( 'name' => 'Nova Blocks', 'slug' => 'nova-blocks', 'required' => true, - 'version' => '1.11.1', + 'version' => '1.12.8', ), ); diff --git a/inc/required-plugins/class-pxg-plugin-activation.php b/inc/required-plugins/class-pxg-plugin-activation.php new file mode 100644 index 00000000..07187d66 --- /dev/null +++ b/inc/required-plugins/class-pxg-plugin-activation.php @@ -0,0 +1,505 @@ + + */ + +// Make sure the base TGMPA logic is loaded. +require_once 'class-tgm-plugin-activation.php'; + +if ( ! class_exists( 'PXG_Plugin_Activation' ) ) { + + /** + * Automatic plugin installation and activation library. + * + * Creates a way to automatically install and activate plugins from within themes. + * The plugins can be either bundled, downloaded from the WordPress + * Plugin Repository or downloaded from another external source. + * + * @since 1.13.0 + * + * @package Rosa2 + * @author Pixelgrade + */ + class PXG_Plugin_Activation extends TGM_Plugin_Activation { + /** + * TGMPA version number. + * + * @since 1.13.0 + * + * @const string Version number. + */ + const TGMPA_VERSION = '2.6.8'; // Version bump by Pixelgrade!!! + + /** + * Holds a copy of itself, so it can be referenced by the class name. + * + * @since 1.13.0 + * + * @var PXG_Plugin_Activation + */ + public static $instance; + + /** + * Initialise the interactions between this class and WordPress. + * + * Hooks in three new methods for the class: admin_menu, notices and styles. + * + * @since 1.13.0 + * + * @see TGM_Plugin_Activation::admin_menu() + * @see TGM_Plugin_Activation::notices() + * @see TGM_Plugin_Activation::styles() + */ + public function init() { + /** + * By default TGMPA only loads on the WP back-end and not in an Ajax call. Using this filter + * you can overrule that behaviour. + * + * @since 1.13.0 + * + * @param bool $load Whether or not TGMPA should load. + * Defaults to the return of `is_admin() && ! defined( 'DOING_AJAX' )`. + */ + if ( true !== apply_filters( 'tgmpa_load', ( is_admin() && ! defined( 'DOING_AJAX' ) ) ) ) { + return; + } + + // Load class strings. + $this->strings = array( + 'page_title' => esc_html__( 'Install Required Plugins', '__plugin_txtd' ), + 'menu_title' => esc_html__( 'Install Plugins', '__plugin_txtd' ), + /* translators: %s: plugin name. */ + 'installing' => esc_html__( 'Installing Plugin: %s', '__plugin_txtd' ), + /* translators: %s: plugin name. */ + 'updating' => esc_html__( 'Updating Plugin: %s', '__plugin_txtd' ), + 'oops' => esc_html__( 'Something went wrong with the plugin API.', '__plugin_txtd' ), + 'notice_can_install_required' => _n_noop( + /* translators: 1: plugin name(s). */ + 'This theme requires the following plugin: %1$s.', + 'This theme requires the following plugins: %1$s.', + '__plugin_txtd' + ), + 'notice_can_install_recommended' => _n_noop( + /* translators: 1: plugin name(s). */ + 'This theme recommends the following plugin: %1$s.', + 'This theme recommends the following plugins: %1$s.', + '__plugin_txtd' + ), + 'notice_ask_to_update' => _n_noop( + /* translators: 1: plugin name(s). */ + '⚠️ The following plugin needs to be updated to its latest version to ensure maximum compatibility with your theme: %1$s.', + '⚠️ The following plugins need to be updated to their latest version to ensure maximum compatibility with your theme: %1$s.', + '__plugin_txtd' + ), + 'notice_ask_to_update_maybe' => _n_noop( + /* translators: 1: plugin name(s). */ + 'There is an update available for: %1$s.', + 'There are updates available for the following plugins: %1$s.', + '__plugin_txtd' + ), + 'notice_can_activate_required' => _n_noop( + /* translators: 1: plugin name(s). */ + 'The following required plugin is currently inactive: %1$s.', + 'The following required plugins are currently inactive: %1$s.', + '__plugin_txtd' + ), + 'notice_can_activate_recommended' => _n_noop( + /* translators: 1: plugin name(s). */ + 'The following recommended plugin is currently inactive: %1$s.', + 'The following recommended plugins are currently inactive: %1$s.', + '__plugin_txtd' + ), + 'install_link' => _n_noop( + 'Begin installing plugin', + 'Begin installing plugins', + '__plugin_txtd' + ), + 'update_link' => _n_noop( + 'Begin updating plugin', + 'Begin updating plugins', + '__plugin_txtd' + ), + 'activate_link' => _n_noop( + 'Begin activating plugin', + 'Begin activating plugins', + '__plugin_txtd' + ), + 'return' => esc_html__( 'Return to Required Plugins Installer', '__plugin_txtd' ), + 'dashboard' => esc_html__( 'Return to the Dashboard', '__plugin_txtd' ), + 'plugin_activated' => esc_html__( 'Plugin activated successfully.', '__plugin_txtd' ), + 'activated_successfully' => esc_html__( 'The following plugin was activated successfully:', '__plugin_txtd' ), + 'plugin_already_active' => esc_html__( 'No action taken. Plugin was already active.', '__plugin_txtd' ), + /* translators: 1: plugin name. */ + 'plugin_needs_higher_version' => esc_html__( 'Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin.', '__plugin_txtd' ), + /* translators: 1: dashboard link. */ + 'complete' => esc_html__( 'All plugins installed and activated successfully. %1$s', '__plugin_txtd' ), + 'dismiss' => esc_html__( 'Dismiss this notice', '__plugin_txtd' ), + 'notice_cannot_install_activate' => esc_html__( 'There are one or more required or recommended plugins to install, update or activate.', '__plugin_txtd' ), + 'contact_admin' => esc_html__( 'Please contact the administrator of this site for help.', '__plugin_txtd' ), + ); + + do_action( 'tgmpa_register' ); + + /* After this point, the plugins should be registered and the configuration set. */ + + // Proceed only if we have plugins to handle. + if ( empty( $this->plugins ) || ! is_array( $this->plugins ) ) { + return; + } + + // Set up the menu and notices if we still have outstanding actions. + if ( true !== $this->is_tgmpa_complete() ) { + // Sort the plugins. + array_multisort( $this->sort_order, SORT_ASC, $this->plugins ); + + add_action( 'admin_menu', array( $this, 'admin_menu' ) ); + add_action( 'admin_head', array( $this, 'dismiss' ) ); + + // Prevent the normal links from showing underneath a single install/update page. + add_filter( 'install_plugin_complete_actions', array( $this, 'actions' ) ); + add_filter( 'update_plugin_complete_actions', array( $this, 'actions' ) ); + + if ( $this->has_notices ) { + add_action( 'admin_notices', array( $this, 'notices' ) ); + add_action( 'admin_init', array( $this, 'admin_init' ), 1 ); + add_action( 'admin_enqueue_scripts', array( $this, 'thickbox' ) ); + } + } + + // If needed, filter plugin action links. + add_action( 'load-plugins.php', array( $this, 'add_plugin_action_link_filters' ), 1 ); + + // Make sure things get reset on switch theme. + add_action( 'switch_theme', array( $this, 'flush_plugins_cache' ) ); + + if ( $this->has_notices ) { + add_action( 'switch_theme', array( $this, 'update_dismiss' ) ); + } + + // Setup the force activation hook. + if ( true === $this->has_forced_activation ) { + add_action( 'admin_init', array( $this, 'force_activation' ) ); + } + + // Setup the force deactivation hook. + if ( true === $this->has_forced_deactivation ) { + add_action( 'switch_theme', array( $this, 'force_deactivation' ) ); + } + + // Add CSS for the TGMPA admin page. + if ( method_exists( $this, 'admin_css' ) ) { + add_action( 'admin_head', array( $this, 'admin_css' ) ); + } + } + + /** + * Add the menu item. + * + * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA + * generator on the website.}} + * + * @since 1.13.0 + * + * @param array $args Menu item configuration. + */ + protected function add_admin_menu( array $args ) { + if ( has_filter( 'tgmpa_admin_menu_use_add_theme_page' ) ) { + _deprecated_function( 'The "tgmpa_admin_menu_use_add_theme_page" filter', '2.5.0', esc_html__( 'Set the parent_slug config variable instead.', '__plugin_txtd' ) ); + } + + $this->page_hook = add_theme_page( $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] ); + } + + /** + * Echoes required plugin notice. + * + * Outputs a message telling users that a specific plugin is required for + * their theme. If appropriate, it includes a link to the form page where + * users can install and activate the plugin. + * + * Returns early if we're on the Install page. + * + * @since 1.13.0 + * + * @global object $current_screen + * + * @return null Returns early if we're on the Install page. + */ + public function notices() { + // Pixelgrade addition and modification!!! + // Allow others to override the default behavior: + // Remove nag on the install page / Return early if the nag message has been dismissed or user < author. + // But, since there are situations when we want to show the notice regardless if the user has dismissed the notice, we need handle the dismissal via filters. + if ( apply_filters( 'tgmpa_prevent_admin_notices', ( ( $this->is_tgmpa_page() || $this->is_core_update_page() ) || ! current_user_can( apply_filters( 'tgmpa_show_admin_notice_capability', 'publish_posts' ) ) ) ) ) { + return; + } + + // Store for the plugin slugs by message type. + $message = array(); + + // Initialize counters used to determine plurality of action link texts. + $install_link_count = 0; + $update_link_count = 0; + $activate_link_count = 0; + $total_required_action_count = 0; + + foreach ( $this->plugins as $slug => $plugin ) { + if ( $this->is_plugin_active( $slug ) && false === $this->does_plugin_have_update( $slug ) ) { + continue; + } + + if ( ! $this->is_plugin_installed( $slug ) ) { + if ( current_user_can( 'install_plugins' ) ) { + $install_link_count++; + + if ( true === $plugin['required'] ) { + $message['notice_can_install_required'][] = $slug; + } else { + $message['notice_can_install_recommended'][] = $slug; + } + } + if ( true === $plugin['required'] ) { + $total_required_action_count++; + } + } else { + if ( ! $this->is_plugin_active( $slug ) && $this->can_plugin_activate( $slug ) ) { + if ( current_user_can( 'activate_plugins' ) ) { + $activate_link_count++; + + if ( true === $plugin['required'] ) { + $message['notice_can_activate_required'][] = $slug; + } else { + $message['notice_can_activate_recommended'][] = $slug; + } + } + if ( true === $plugin['required'] ) { + $total_required_action_count++; + } + } + + if ( $this->does_plugin_require_update( $slug ) || false !== $this->does_plugin_have_update( $slug ) ) { + + if ( current_user_can( 'update_plugins' ) ) { + $update_link_count++; + + if ( $this->does_plugin_require_update( $slug ) ) { + $message['notice_ask_to_update'][] = $slug; + } elseif ( false !== $this->does_plugin_have_update( $slug ) ) { + $message['notice_ask_to_update_maybe'][] = $slug; + } + } + if ( true === $plugin['required'] ) { + $total_required_action_count++; + } + } + } + } + unset( $slug, $plugin ); + + // Pixelgrade addition!!! + // Allow others to filter notices. + $message = apply_filters( 'tgmpa_admin_notices', $message, $total_required_action_count, $install_link_count, $activate_link_count, $update_link_count, $this ); + // Pixelgrade addition!!! + // Allow others to filter notices total required action count. + $total_required_action_count = apply_filters( 'tgmpa_admin_notices_total_required_action_count', $total_required_action_count, $this ); + + // If we have notices to display, we move forward. + if ( ! empty( $message ) || $total_required_action_count > 0 ) { + krsort( $message ); // Sort messages. + $rendered = ''; + + // As add_settings_error() wraps the final message in a

and as the final message can't be + // filtered, using

's in our html would render invalid html output. + $line_template = '%s' . "\n"; + + if ( ! current_user_can( 'activate_plugins' ) && ! current_user_can( 'install_plugins' ) && ! current_user_can( 'update_plugins' ) ) { + $rendered = esc_html( $this->strings['notice_cannot_install_activate'] ) . ' ' . esc_html( $this->strings['contact_admin'] ); + $rendered .= $this->create_user_action_links_for_notice( 0, 0, 0, $line_template ); + } else { + + // If dismissable is false and a message is set, output it now. + if ( ! $this->dismissable && ! empty( $this->dismiss_msg ) ) { + $rendered .= sprintf( $line_template, wp_kses_post( $this->dismiss_msg ) ); + } + + // Render the individual message lines for the notice. + foreach ( $message as $type => $plugin_group ) { + $linked_plugins = array(); + + // Get the external info link for a plugin if one is available. + foreach ( $plugin_group as $plugin_slug ) { + $linked_plugins[] = $this->get_info_link( $plugin_slug ); + } + unset( $plugin_slug ); + + $count = count( $plugin_group ); + $linked_plugins = array_map( array( 'TGMPA_Utils', 'wrap_in_em' ), $linked_plugins ); + $last_plugin = array_pop( $linked_plugins ); // Pop off last name to prep for readability. + $imploded = empty( $linked_plugins ) ? $last_plugin : ( implode( ', ', $linked_plugins ) . ' ' . esc_html_x( 'and', 'plugin A *and* plugin B', '__plugin_txtd' ) . ' ' . $last_plugin ); + + $rendered .= sprintf( + $line_template, + sprintf( + translate_nooped_plural( $this->strings[ $type ], $count, '__plugin_txtd' ), + $imploded, + $count + ) + ); + + } + unset( $type, $plugin_group, $linked_plugins, $count, $last_plugin, $imploded ); + + $rendered .= $this->create_user_action_links_for_notice( $install_link_count, $update_link_count, $activate_link_count, $line_template ); + } + + // Register the nag messages and prepare them to be processed. + add_settings_error( 'tgmpa', 'tgmpa', $rendered, $this->get_admin_notice_class() ); + } + + // Admin options pages already output settings_errors, so this is to avoid duplication. + if ( 'options-general' !== $GLOBALS['current_screen']->parent_base ) { + $this->display_settings_errors(); + } + } + + /** + * Remove individual plugin from our collection of plugins. + * + * Pixelgrade addition!!! + * + * @since 1.13.0 + * + * @param string $plugin_slug + */ + public function deregister( $plugin_slug ) { + if ( empty( $plugin_slug ) || ! is_string( $plugin_slug ) || ! isset( $this->plugins[ $plugin_slug ] ) ) { + return; + } + + unset( $this->plugins[ $plugin_slug ] ); + unset( $this->sort_order[ $plugin_slug ] ); + } + + /** + * Helper function to extract the file path of the plugin file from the + * plugin slug, if the plugin is installed. + * + * @since 1.13.0 + * + * @param string $slug Plugin slug (typically folder name) as provided by the developer. + * @return string Either file path for plugin if installed, or just the plugin slug. + */ + protected function _get_plugin_basename_from_slug( $slug ) { + + $plugin_basename = false; + $plugins = $this->get_plugins(); + foreach ( $plugins as $key => $plugin ) { + if ( preg_match( '|^' . $slug . '/|', $key ) ) { + $new_plugin_basename = $key; + } else + + // This is a Pixelgrade addition!!! + // We want to be a little lenient and discover installed (but not activated) plugins + // that may have their directory changed, but that still have their main PHP file with the same name as the plugin slug. + // This is pretty safe. + if ( false !== strpos( $key, '/' . $slug . '.php' ) ) { + $new_plugin_basename = $key; + } + + if ( ! isset( $new_plugin_basename ) ) { + continue; + } + + if ( false === $plugin_basename ) { + $plugin_basename = $new_plugin_basename; + continue; + } + + // Since we may have multiple plugin versions installed, but only one active, + // we need to make sure that we end up with the details of the right one: + // - firstly, the one active, if that is the case + // - secondly, the one with the latest version. + $overwrite = false; + if ( is_plugin_active( $new_plugin_basename ) ) { + return $new_plugin_basename; + } else if ( version_compare( $plugins[ $plugin_basename ]['Version'], $plugin['Version'], '<' ) ) { + $overwrite = true; + } + + if ( true === $overwrite ) { + $plugin_basename = $new_plugin_basename; + continue; + } + } + + return $plugin_basename; + } + + /** + * Returns the singleton instance of the class. + * + * @since 1.13.0 + * + * @return \PXG_Plugin_Activation The PXG_Plugin_Activation object. + */ + public static function get_instance() { + if ( ! isset( self::$instance ) && ! ( self::$instance instanceof self ) ) { + self::$instance = new self(); + } + + return self::$instance; + } + } + + if ( ! function_exists( 'load_pxg_plugin_activation' ) ) { + /** + * Ensure only one instance of the class is ever invoked. + * + * Also make sure that PXG_Plugin_Activation instances are used over the default TGM_Plugin_Activation instances + * that may be instantiated by earlier loading of the TGMPA logic. + * This is safe to do since PXG_Plugin_Activation extends the functionality and is backwards compatible. + * + * @since 1.13.0 + */ + function load_pxg_plugin_activation() { + // If we already have a TGMPA instance that is not a PXG_Plugin_Activation instance, + // we need to clean first and then get a proper instance. + if ( ! empty( $GLOBALS['tgmpa'] ) && ! ( $GLOBALS['tgmpa'] instanceof PXG_Plugin_Activation ) ) { + remove_action( 'init', array( $GLOBALS['tgmpa'], 'load_textdomain' ), 5 ); + remove_filter( 'load_textdomain_mofile', array( $GLOBALS['tgmpa'], 'overload_textdomain_mofile' ) ); + remove_action( 'init', array( $GLOBALS['tgmpa'], 'init' ) ); + } + + $GLOBALS['tgmpa'] = PXG_Plugin_Activation::get_instance(); + } + } + + if ( ! function_exists( 'load_tgm_plugin_activation' ) ) { + /** + * Ensure only one instance of the class is ever invoked. + * + * @since 1.13.0 + */ + function load_tgm_plugin_activation() { + load_pxg_plugin_activation(); + } + } + + if ( did_action( 'plugins_loaded' ) ) { + load_pxg_plugin_activation(); + } else { + // Make sure that we don't have previously hooked load_tgm_plugin_activation(). + remove_action( 'plugins_loaded', 'load_tgm_plugin_activation' ); + add_action( 'plugins_loaded', 'load_pxg_plugin_activation' ); + } +} diff --git a/inc/required-plugins/class-tgm-plugin-activation.php b/inc/required-plugins/class-tgm-plugin-activation.php index f22db388..6a251e1f 100644 --- a/inc/required-plugins/class-tgm-plugin-activation.php +++ b/inc/required-plugins/class-tgm-plugin-activation.php @@ -8,7 +8,7 @@ * or theme author for support. * * @package TGM-Plugin-Activation - * @version 2.6.6 for Pixelgrade Care + * @version 2.6.1-dev for Pixelgrade themes * @link http://tgmpluginactivation.com/ * @author Thomas Griffin, Gary Jones, Juliette Reinders Folmer * @copyright Copyright (c) 2011, Thomas Griffin @@ -32,6 +32,11 @@ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA */ +// Exit if accessed directly. +if ( ! defined( 'ABSPATH' ) ) { + return; +} + if ( ! class_exists( 'TGM_Plugin_Activation' ) ) { /** @@ -55,7 +60,7 @@ class TGM_Plugin_Activation { * * @const string Version number. */ - const TGMPA_VERSION = '2.6.6'; // Version bump by Pixelgrade!!! + const TGMPA_VERSION = '2.6.1-dev'; /** * Regular expression to test if a URL is a WP plugin repo URL. @@ -259,7 +264,14 @@ public function __construct() { // Announce that the class is ready, and pass the object (for advanced use). do_action_ref_array( 'tgmpa_init', array( $this ) ); - + /* + * Load our text domain and allow for overloading the fall-back file. + * + * {@internal IMPORTANT! If this code changes, review the regex in the custom TGMPA + * generator on the website.}} + */ + add_action( 'init', array( $this, 'load_textdomain' ), 5 ); + add_filter( 'load_textdomain_mofile', array( $this, 'overload_textdomain_mofile' ), 10, 2 ); // When the rest of WP has loaded, kick-start the rest of the class. add_action( 'init', array( $this, 'init' ) ); @@ -282,6 +294,7 @@ public function __construct() { * (Inside this class context, the __set() method if not used as there is direct access.) */ public function __set( $name, $value ) { + // phpcs:ignore Squiz.PHP.NonExecutableCode.ReturnNotRequired -- See explanation above. return; } @@ -331,38 +344,38 @@ public function init() { /* translators: %s: plugin name. */ 'updating' => esc_html__( 'Updating Plugin: %s', '__theme_txtd' ), 'oops' => esc_html__( 'Something went wrong with the plugin API.', '__theme_txtd' ), - 'notice_can_install_required' => _n_noop( /* translators: 1: plugin name(s). */ + 'notice_can_install_required' => _n_noop( 'This theme requires the following plugin: %1$s.', 'This theme requires the following plugins: %1$s.', '__theme_txtd' ), - 'notice_can_install_recommended' => _n_noop( /* translators: 1: plugin name(s). */ + 'notice_can_install_recommended' => _n_noop( 'This theme recommends the following plugin: %1$s.', 'This theme recommends the following plugins: %1$s.', '__theme_txtd' ), - 'notice_ask_to_update' => _n_noop( /* translators: 1: plugin name(s). */ - '⚠️ The following plugin needs to be updated to its latest version to ensure maximum compatibility with your theme: %1$s.', - '⚠️ The following plugins need to be updated to their latest version to ensure maximum compatibility with your theme: %1$s.', + 'notice_ask_to_update' => _n_noop( + 'The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: %1$s.', + 'The following plugins need to be updated to their latest version to ensure maximum compatibility with this theme: %1$s.', '__theme_txtd' ), - 'notice_ask_to_update_maybe' => _n_noop( /* translators: 1: plugin name(s). */ + 'notice_ask_to_update_maybe' => _n_noop( 'There is an update available for: %1$s.', 'There are updates available for the following plugins: %1$s.', '__theme_txtd' ), - 'notice_can_activate_required' => _n_noop( /* translators: 1: plugin name(s). */ + 'notice_can_activate_required' => _n_noop( 'The following required plugin is currently inactive: %1$s.', 'The following required plugins are currently inactive: %1$s.', '__theme_txtd' ), - 'notice_can_activate_recommended' => _n_noop( /* translators: 1: plugin name(s). */ + 'notice_can_activate_recommended' => _n_noop( 'The following recommended plugin is currently inactive: %1$s.', 'The following recommended plugins are currently inactive: %1$s.', '__theme_txtd' @@ -386,7 +399,8 @@ public function init() { 'dashboard' => esc_html__( 'Return to the Dashboard', '__theme_txtd' ), 'plugin_activated' => esc_html__( 'Plugin activated successfully.', '__theme_txtd' ), 'activated_successfully' => esc_html__( 'The following plugin was activated successfully:', '__theme_txtd' ), - 'plugin_already_active' => esc_html__( 'No action taken. Plugin was already active.', '__theme_txtd' ), + /* translators: 1: plugin name. */ + 'plugin_already_active' => esc_html__( 'No action taken. Plugin %1$s was already active.', '__theme_txtd' ), /* translators: 1: plugin name. */ 'plugin_needs_higher_version' => esc_html__( 'Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin.', '__theme_txtd' ), /* translators: 1: dashboard link. */ @@ -443,13 +457,94 @@ public function init() { if ( true === $this->has_forced_deactivation ) { add_action( 'switch_theme', array( $this, 'force_deactivation' ) ); } - } + // Add CSS for the TGMPA admin page. + add_action( 'admin_head', array( $this, 'admin_css' ) ); + } + /** + * Load translations. + * + * @since 2.6.0 + * + * (@internal Uses `load_theme_textdomain()` rather than `load_plugin_textdomain()` to + * get round the different ways of handling the path and deprecated notices being thrown + * and such. For plugins, the actual file name will be corrected by a filter.}} + * + * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA + * generator on the website.}} + */ + public function load_textdomain() { + if ( is_textdomain_loaded( 'tgmpa' ) ) { + return; + } + if ( false !== strpos( __FILE__, WP_PLUGIN_DIR ) || false !== strpos( __FILE__, WPMU_PLUGIN_DIR ) ) { + // Plugin, we'll need to adjust the file name. + add_action( 'load_textdomain_mofile', array( $this, 'correct_plugin_mofile' ), 10, 2 ); + load_theme_textdomain( 'tgmpa', dirname( __FILE__ ) . '/languages' ); + remove_action( 'load_textdomain_mofile', array( $this, 'correct_plugin_mofile' ), 10 ); + } else { + load_theme_textdomain( 'tgmpa', dirname( __FILE__ ) . '/languages' ); + } + } + /** + * Correct the .mo file name for (must-use) plugins. + * + * Themese use `/path/{locale}.mo` while plugins use `/path/{text-domain}-{locale}.mo`. + * + * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA + * generator on the website.}} + * + * @since 2.6.0 + * + * @param string $mofile Full path to the target mofile. + * @param string $domain The domain for which a language file is being loaded. + * @return string $mofile + */ + public function correct_plugin_mofile( $mofile, $domain ) { + // Exit early if not our domain (just in case). + if ( 'tgmpa' !== $domain ) { + return $mofile; + } + return preg_replace( '`/([a-z]{2}_[A-Z]{2}.mo)$`', '/tgmpa-$1', $mofile ); + } + /** + * Potentially overload the fall-back translation file for the current language. + * + * WP, by default since WP 3.7, will load a local translation first and if none + * can be found, will try and find a translation in the /wp-content/languages/ directory. + * As this library is theme/plugin agnostic, translation files for TGMPA can exist both + * in the WP_LANG_DIR /plugins/ subdirectory as well as in the /themes/ subdirectory. + * + * This method makes sure both directories are checked. + * + * {@internal IMPORTANT! If this function changes, review the regex in the custom TGMPA + * generator on the website.}} + * + * @since 2.6.0 + * + * @param string $mofile Full path to the target mofile. + * @param string $domain The domain for which a language file is being loaded. + * @return string $mofile + */ + public function overload_textdomain_mofile( $mofile, $domain ) { + // Exit early if not our domain, not a WP_LANG_DIR load or if the file exists and is readable. + if ( 'tgmpa' !== $domain || false === strpos( $mofile, WP_LANG_DIR ) || @is_readable( $mofile ) ) { + return $mofile; + } + // Current fallback file is not valid, let's try the alternative option. + if ( false !== strpos( $mofile, '/themes/' ) ) { + return str_replace( '/themes/', '/plugins/', $mofile ); + } elseif ( false !== strpos( $mofile, '/plugins/' ) ) { + return str_replace( '/plugins/', '/themes/', $mofile ); + } else { + return $mofile; + } + } /** * Hook in plugin action link filters for the WP native plugins page. @@ -560,10 +655,11 @@ public function admin_init() { wp_enqueue_style( 'plugin-install' ); global $tab, $body_id; + // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- WP requirement. $body_id = 'plugin-information'; - // @codingStandardsIgnoreStart - $tab = 'plugin-information'; - // @codingStandardsIgnoreEnd + + // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited -- Overriding the WP global is the point. + $tab = 'plugin-information'; install_plugin_information(); @@ -635,7 +731,15 @@ public function admin_menu() { * @param array $args Menu item configuration. */ protected function add_admin_menu( array $args ) { - $this->page_hook = add_theme_page( $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] ); + if ( has_filter( 'tgmpa_admin_menu_use_add_theme_page' ) ) { + _deprecated_function( 'The "tgmpa_admin_menu_use_add_theme_page" filter', '2.5.0', esc_html__( 'Set the parent_slug config variable instead.', '__theme_txtd' ) ); + } + + if ( 'themes.php' === $this->parent_slug ) { + $this->page_hook = call_user_func( 'add_theme_page', $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] ); + } else { + $this->page_hook = call_user_func( 'add_submenu_page', $args['parent_slug'], $args['page_title'], $args['menu_title'], $args['capability'], $args['menu_slug'], $args['function'] ); + } } /** @@ -651,7 +755,7 @@ protected function add_admin_menu( array $args ) { */ public function install_plugins_page() { // Store new instance of plugin table in object. - $plugin_table = new TGMPA_List_Table; + $plugin_table = new TGMPA_List_Table(); // Return early if processing a plugin installation action. if ( ( ( 'tgmpa-bulk-install' === $plugin_table->current_action() || 'tgmpa-bulk-update' === $plugin_table->current_action() ) && $plugin_table->process_bulk_actions() ) || $this->do_plugin_install() ) { @@ -739,7 +843,8 @@ protected function do_plugin_install() { $method = ''; // Leave blank so WP_Filesystem can populate it as necessary. - if ( false === ( $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, array() ) ) ) { + $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, array() ); + if ( false === $creds ) { return true; } @@ -796,7 +901,9 @@ protected function do_plugin_install() { if ( 'update' === $install_type ) { // Inject our info into the update transient. - $to_inject = array( $slug => $this->plugins[ $slug ] ); + $to_inject = array( + $slug => $this->plugins[ $slug ], + ); $to_inject[ $slug ]['source'] = $source; $this->inject_update_info( $to_inject ); @@ -823,10 +930,10 @@ protected function do_plugin_install() { // Display message based on if all plugins are now active or not. if ( $this->is_tgmpa_complete() ) { - echo '

', sprintf( esc_html( $this->strings['complete'] ), '' . esc_html__( 'Return to the Dashboard', '__theme_txtd' ) . '' ), '

'; + echo '

', sprintf( esc_html( $this->strings['complete'] ), '' . esc_html( $this->strings['dashboard'] ) . '' ), '

'; echo ''; } else { - echo '

' . esc_html( $this->strings['return'] ) . '

'; + echo '

', esc_html( $this->strings['return'] ), '

'; } return true; @@ -853,14 +960,14 @@ public function inject_update_info( $plugins ) { $repo_updates = get_site_transient( 'update_plugins' ); if ( ! is_object( $repo_updates ) ) { - $repo_updates = new stdClass; + $repo_updates = new stdClass(); } foreach ( $plugins as $slug => $plugin ) { $file_path = $plugin['file_path']; if ( empty( $repo_updates->response[ $file_path ] ) ) { - $repo_updates->response[ $file_path ] = new stdClass; + $repo_updates->response[ $file_path ] = new stdClass(); } // We only really need to set package, but let's do all we can in case WP changes something. @@ -890,7 +997,7 @@ public function inject_update_info( $plugins ) { * @param string $source Path to upgrade/zip-file-name.tmp/subdirectory/. * @param string $remote_source Path to upgrade/zip-file-name.tmp. * @param \WP_Upgrader $upgrader Instance of the upgrader which installs the plugin. - * @return string $source + * @return string|WP_Error $source */ public function maybe_adjust_source_dir( $source, $remote_source, $upgrader ) { if ( ! $this->is_tgmpa_page() || ! is_object( $GLOBALS['wp_filesystem'] ) ) { @@ -930,10 +1037,24 @@ public function maybe_adjust_source_dir( $source, $remote_source, $upgrader ) { if ( true === $GLOBALS['wp_filesystem']->move( $from_path, $to_path ) ) { return trailingslashit( $to_path ); } else { - return new WP_Error( 'rename_failed', esc_html__( 'The remote plugin package does not contain a folder with the desired slug and renaming did not work.', '__theme_txtd' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', '__theme_txtd' ), array( 'found' => $subdir_name, 'expected' => $desired_slug ) ); + return new WP_Error( + 'rename_failed', + esc_html__( 'The remote plugin package does not contain a folder with the desired slug and renaming did not work.', '__theme_txtd' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', '__theme_txtd' ), + array( + 'found' => $subdir_name, + 'expected' => $desired_slug, + ) + ); } } elseif ( empty( $subdir_name ) ) { - return new WP_Error( 'packaged_wrong', esc_html__( 'The remote plugin package consists of more than one file, but the files are not packaged in a folder.', '__theme_txtd' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', '__theme_txtd' ), array( 'found' => $subdir_name, 'expected' => $desired_slug ) ); + return new WP_Error( + 'packaged_wrong', + esc_html__( 'The remote plugin package consists of more than one file, but the files are not packaged in a folder.', '__theme_txtd' ) . ' ' . esc_html__( 'Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines.', '__theme_txtd' ), + array( + 'found' => $subdir_name, + 'expected' => $desired_slug, + ) + ); } } @@ -964,7 +1085,8 @@ protected function activate_single_plugin( $file_path, $slug, $automatic = false if ( ! $automatic ) { // Make sure message doesn't display again if bulk activation is performed // immediately after a single activation. - if ( ! isset( $_POST['action'] ) ) { // WPCS: CSRF OK. + // phpcs:ignore WordPress.Security.NonceVerification.Missing -- Not using the superglobal. + if ( ! isset( $_POST['action'] ) ) { echo '

', esc_html( $this->strings['activated_successfully'] ), ' ', esc_html( $this->plugins[ $slug ]['name'] ), '.

'; } } else { @@ -985,7 +1107,8 @@ protected function activate_single_plugin( $file_path, $slug, $automatic = false if ( ! $automatic ) { // Make sure message doesn't display again if bulk activation is performed // immediately after a single activation. - if ( ! isset( $_POST['action'] ) ) { // WPCS: CSRF OK. + // phpcs:ignore WordPress.Security.NonceVerification.Missing -- Not using the superglobal. + if ( ! isset( $_POST['action'] ) ) { echo '

', sprintf( esc_html( $this->strings['plugin_needs_higher_version'] ), @@ -1018,11 +1141,8 @@ protected function activate_single_plugin( $file_path, $slug, $automatic = false * @return null Returns early if we're on the Install page. */ public function notices() { - // Pixelgrade addition and modification!!! - // Allow others to override the default behavior: // Remove nag on the install page / Return early if the nag message has been dismissed or user < author. - // But, since there are situations when we want to show the notice regardless if the user has dismissed the notice, we need handle the dismissal via filters. - if ( apply_filters( 'tgmpa_prevent_admin_notices', ( ( $this->is_tgmpa_page() || $this->is_core_update_page() ) || ! current_user_can( apply_filters( 'tgmpa_show_admin_notice_capability', 'publish_posts' ) ) ) ) ) { + if ( ( $this->is_tgmpa_page() || $this->is_core_update_page() ) || get_user_meta( get_current_user_id(), 'tgmpa_dismissed_notice_' . $this->id, true ) || ! current_user_can( apply_filters( 'tgmpa_show_admin_notice_capability', 'publish_posts' ) ) ) { return; } @@ -1088,13 +1208,6 @@ public function notices() { } unset( $slug, $plugin ); - // Pixelgrade addition!!! - // Allow others to filter notices. - $message = apply_filters( 'tgmpa_admin_notices', $message, $total_required_action_count, $install_link_count, $activate_link_count, $update_link_count, $this ); - // Pixelgrade addition!!! - // Allow others to filter notices total required action count. - $total_required_action_count = apply_filters( 'tgmpa_admin_notices_total_required_action_count', $total_required_action_count, $this ); - // If we have notices to display, we move forward. if ( ! empty( $message ) || $total_required_action_count > 0 ) { krsort( $message ); // Sort messages. @@ -1290,15 +1403,15 @@ public function register( $plugin ) { } $defaults = array( - 'name' => '', // String - 'slug' => '', // String - 'source' => 'repo', // String - 'required' => false, // Boolean - 'version' => '', // String - 'force_activation' => false, // Boolean - 'force_deactivation' => false, // Boolean - 'external_url' => '', // String - 'is_callable' => '', // String|Array. + 'name' => '', // String. + 'slug' => '', // String. + 'source' => 'repo', // String. + 'required' => false, // Boolean. + 'version' => '', // String. + 'force_activation' => false, // Boolean. + 'force_deactivation' => false, // Boolean. + 'external_url' => '', // String. + 'is_callable' => '', // String or array. ); // Prepare the received data. @@ -1333,24 +1446,6 @@ public function register( $plugin ) { } } - /** - * Remove individual plugin from our collection of plugins. - * - * Pixelgrade addition!!! - * - * @since 2.6.2 - * - * @param string $plugin_slug - */ - public function deregister( $plugin_slug ) { - if ( empty( $plugin_slug ) || ! is_string( $plugin_slug ) || ! isset( $this->plugins[ $plugin_slug ] ) ) { - return; - } - - unset( $this->plugins[ $plugin_slug ] ); - unset( $this->sort_order[ $plugin_slug ] ); - } - /** * Determine what type of source the plugin comes from. * @@ -1497,14 +1592,6 @@ protected function _get_plugin_basename_from_slug( $slug ) { if ( preg_match( '|^' . $slug . '/|', $key ) ) { return $key; } - - // This is a Pixelgrade addition!!! - // We want to be a little lenient and discover installed (but not activated) plugins - // that may have their directory changed, but that still have their main PHP file with the same name as the plugin slug. - // This is pretty safe. - if ( false !== strpos( $key, '/' . $slug . '.php' ) ) { - return $key; - } } return $slug; @@ -1590,7 +1677,15 @@ protected function get_plugins_api( $slug ) { require_once ABSPATH . 'wp-admin/includes/plugin-install.php'; } - $response = plugins_api( 'plugin_information', array( 'slug' => $slug, 'fields' => array( 'sections' => false ) ) ); + $response = plugins_api( + 'plugin_information', + array( + 'slug' => $slug, + 'fields' => array( + 'sections' => false, + ), + ) + ); $api[ $slug ] = false; @@ -1673,10 +1768,10 @@ protected function is_core_update_page() { if ( 'update-core' === $screen->base ) { // Core update screen. return true; - } elseif ( 'plugins' === $screen->base && ! empty( $_POST['action'] ) ) { // WPCS: CSRF ok. + } elseif ( 'plugins' === $screen->base && ! empty( $_POST['action'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing // Plugins bulk update screen. return true; - } elseif ( 'update' === $screen->base && ! empty( $_POST['action'] ) ) { // WPCS: CSRF ok. + } elseif ( 'update' === $screen->base && ! empty( $_POST['action'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing // Individual updates (ajax call). return true; } @@ -2014,13 +2109,31 @@ public function show_tgmpa_version() { esc_html( sprintf( /* translators: %s: version number */ - esc_html__( 'TGMPA v%s', '__theme_txtd' ), + __( 'TGMPA v%s', 'tgmpa' ), self::TGMPA_VERSION ) ), '

'; } + /** + * Adds CSS to admin head. + * + * @since 2.6.2 + */ + public function admin_css() { + if ( ! $this->is_tgmpa_page() ) { + return; + } + + echo ' + '; + } + /** * Returns the singleton instance of the class. * @@ -2037,22 +2150,7 @@ public static function get_instance() { } } - if ( ! function_exists( 'load_tgm_plugin_activation' ) ) { - /** - * Ensure only one instance of the class is ever invoked. - * - * @since 2.5.0 - */ - function load_tgm_plugin_activation() { - $GLOBALS['tgmpa'] = TGM_Plugin_Activation::get_instance(); - } - } - - if ( did_action( 'plugins_loaded' ) ) { - load_tgm_plugin_activation(); - } else { - add_action( 'plugins_loaded', 'load_tgm_plugin_activation' ); - } + // Pixelgrade modification: Moved load_tgm_plugin_activation() to PXG_Plugin_Activation class file. } if ( ! function_exists( 'tgmpa' ) ) { @@ -2683,7 +2781,9 @@ protected function get_row_actions( $item ) { * @param object $item The current item. */ public function single_row( $item ) { - parent::single_row( $item ); + echo ''; + $this->single_row_columns( $item ); + echo ''; /** * Fires after each specific row in the TGMPA Plugins list table. @@ -2728,7 +2828,7 @@ public function wp_plugin_update_row( $slug, $item ) { * * @since 2.5.0 * - * @param string $which 'top' or 'bottom' table navigation. + * @param string $which Either 'top' or 'bottom' table navigation. */ public function extra_tablenav( $which ) { if ( 'bottom' === $which ) { @@ -2854,7 +2954,8 @@ public function process_bulk_actions() { $method = ''; // Leave blank so WP_Filesystem can populate it as necessary. $fields = array_keys( $_POST ); // Extra fields to pass to WP_Filesystem. - if ( false === ( $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, $fields ) ) ) { + $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, $fields ); + if ( false === $creds ) { return true; // Stop the normal page form from displaying, credential request form will be shown. } @@ -2982,9 +3083,10 @@ public function process_bulk_actions() { $last_plugin = array_pop( $plugin_names ); // Pop off last name to prep for readability. $imploded = empty( $plugin_names ) ? $last_plugin : ( implode( ', ', $plugin_names ) . ' ' . esc_html_x( 'and', 'plugin A *and* plugin B', '__theme_txtd' ) . ' ' . $last_plugin ); - printf( // WPCS: xss ok. + printf( '

%1$s %2$s.

', esc_html( _n( 'The following plugin was activated successfully:', 'The following plugins were activated successfully:', $count, '__theme_txtd' ) ), + // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Pre-escaped via wrap_in_strong() method above. $imploded ); @@ -3329,7 +3431,7 @@ public function bulk_install( $plugins, $args = array() ) { if ( false === $result ) { break; } - } //end foreach $plugins + } $this->maintenance_mode( false ); @@ -3349,12 +3451,17 @@ public function bulk_install( $plugins, $args = array() ) { * @type array $packages Array of plugin, theme, or core packages to update. * } */ - do_action( 'upgrader_process_complete', $this, array( - 'action' => 'install', // [TGMPA + ] adjusted. - 'type' => 'plugin', - 'bulk' => true, - 'plugins' => $plugins, - ) ); + do_action( + // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- Using WP core hook. + 'upgrader_process_complete', + $this, + array( + 'action' => 'install', // [TGMPA + ] adjusted. + 'type' => 'plugin', + 'bulk' => true, + 'plugins' => $plugins, + ) + ); $this->skin->bulk_footer(); @@ -3554,6 +3661,11 @@ public function add_strings() { /* translators: 1: plugin name, 2: action number 3: total number of actions. */ $this->upgrader->strings['skin_before_update_header'] = esc_html__( 'Installing Plugin %1$s (%2$d/%3$d)', '__theme_txtd' ); } + + // Add "read more" link only for WP < 4.8. + if ( version_compare( $this->tgmpa->wp_version, '4.8', '<' ) ) { + $this->upgrader->strings['skin_update_successful'] .= ' ' . esc_html__( 'Show Details', '__theme_txtd' ) . '.'; + } } } @@ -3755,7 +3867,7 @@ public static function validate_bool( $value ) { * @return bool */ protected static function emulate_filter_bool( $value ) { - // @codingStandardsIgnoreStart + // phpcs:disable WordPress.Arrays.ArrayDeclarationSpacing.ArrayItemNoNewLine static $true = array( '1', 'true', 'True', 'TRUE', @@ -3770,7 +3882,7 @@ protected static function emulate_filter_bool( $value ) { 'no', 'No', 'NO', 'off', 'Off', 'OFF', ); - // @codingStandardsIgnoreEnd + // phpcs:enable if ( is_bool( $value ) ) { return $value; @@ -3792,4 +3904,4 @@ protected static function emulate_filter_bool( $value ) { return false; } } // End of class TGMPA_Utils -} // End of class_exists wrapper +} diff --git a/languages/rosa2.pot b/languages/rosa2.pot index dd673076..a0e6e50c 100644 --- a/languages/rosa2.pot +++ b/languages/rosa2.pot @@ -40,20 +40,20 @@ msgstr "" msgid "Search results for: %s" msgstr "" -#: inc/required-plugins.php:57, inc/required-plugins/class-tgm-plugin-activation.php:327 +#: inc/required-plugins.php:57, inc/required-plugins/class-tgm-plugin-activation.php:340 msgid "Install Required Plugins" msgstr "" -#: inc/required-plugins.php:58, inc/required-plugins/class-tgm-plugin-activation.php:328 +#: inc/required-plugins.php:58, inc/required-plugins/class-tgm-plugin-activation.php:341 msgid "Install Plugins" msgstr "" #. translators: %s: plugin name. -#: inc/required-plugins.php:59, inc/required-plugins/class-tgm-plugin-activation.php:330 +#: inc/required-plugins.php:59, inc/required-plugins/class-tgm-plugin-activation.php:343 msgid "Installing Plugin: %s" msgstr "" -#: inc/required-plugins.php:61, inc/required-plugins/class-tgm-plugin-activation.php:333 +#: inc/required-plugins.php:61, inc/required-plugins/class-tgm-plugin-activation.php:346 msgid "Something went wrong with the plugin API." msgstr "" @@ -77,13 +77,15 @@ msgid_plural "Sorry, but you do not have the correct permissions to install the msgstr[0] "" msgstr[1] "" -#: inc/required-plugins.php:69, inc/required-plugins/class-tgm-plugin-activation.php:358 +#. translators: 1: plugin name(s). +#: inc/required-plugins.php:69, inc/required-plugins/class-tgm-plugin-activation.php:372 msgid "The following required plugin is currently inactive: %1$s." msgid_plural "The following required plugins are currently inactive: %1$s." msgstr[0] "" msgstr[1] "" -#: inc/required-plugins.php:71, inc/required-plugins/class-tgm-plugin-activation.php:364 +#. translators: 1: plugin name(s). +#: inc/required-plugins.php:71, inc/required-plugins/class-tgm-plugin-activation.php:378 msgid "The following recommended plugin is currently inactive: %1$s." msgid_plural "The following recommended plugins are currently inactive: %1$s." msgstr[0] "" @@ -101,7 +103,7 @@ msgid_plural "Sorry, but you do not have the correct permissions to update the % msgstr[0] "" msgstr[1] "" -#: inc/required-plugins.php:82, inc/required-plugins/class-tgm-plugin-activation.php:370 +#: inc/required-plugins.php:82, inc/required-plugins/class-tgm-plugin-activation.php:383 msgid "Begin installing plugin" msgid_plural "Begin installing plugins" msgstr[0] "" @@ -113,11 +115,11 @@ msgid_plural "Activate installed plugins" msgstr[0] "" msgstr[1] "" -#: inc/required-plugins.php:84, inc/required-plugins/class-tgm-plugin-activation.php:385 +#: inc/required-plugins.php:84, inc/required-plugins/class-tgm-plugin-activation.php:398 msgid "Return to Required Plugins Installer" msgstr "" -#: inc/required-plugins.php:85, inc/required-plugins/class-tgm-plugin-activation.php:387, inc/required-plugins/class-tgm-plugin-activation.php:3194, inc/admin/pixcare-notice/class-notice.php:213 +#: inc/required-plugins.php:85, inc/required-plugins/class-tgm-plugin-activation.php:400, inc/required-plugins/class-tgm-plugin-activation.php:3296, inc/admin/pixcare-notice/class-notice.php:213 msgid "Plugin activated successfully." msgstr "" @@ -408,31 +410,31 @@ msgstr "" msgid "A badge is a short text indicator used to inform visitors that something's special about this menu item." msgstr "" -#: inc/integrations/novablocks.php:72 +#: inc/integrations/novablocks.php:76 msgid "This is a catchy" msgstr "" -#: inc/integrations/novablocks.php:73 +#: inc/integrations/novablocks.php:77 msgid "Headline" msgstr "" -#: inc/integrations/novablocks.php:83 +#: inc/integrations/novablocks.php:87 msgid "A brilliant subtitle to explain its catchiness" msgstr "" -#: inc/integrations/novablocks.php:101 +#: inc/integrations/novablocks.php:107 msgid "Discover" msgstr "" -#: inc/integrations/novablocks.php:102 +#: inc/integrations/novablocks.php:108 msgid "Our Story" msgstr "" -#: inc/integrations/novablocks.php:119 +#: inc/integrations/novablocks.php:125 msgid "We have always defined ourselves by the ability to overcome the impossible. And we count these moments. These moments when we dare to aim higher, to break barriers, to make the unknown known." msgstr "" -#: inc/integrations/novablocks.php:132 +#: inc/integrations/novablocks.php:138 msgid "Learn More" msgstr "" @@ -526,164 +528,168 @@ msgid "WooCommerce Cart" msgstr "" #. translators: %s: plugin name. -#: inc/required-plugins/class-tgm-plugin-activation.php:332 +#: inc/required-plugins/class-tgm-plugin-activation.php:345 msgid "Updating Plugin: %s" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:334 +#. translators: 1: plugin name(s). +#: inc/required-plugins/class-tgm-plugin-activation.php:348 msgid "This theme requires the following plugin: %1$s." msgid_plural "This theme requires the following plugins: %1$s." msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:340 +#. translators: 1: plugin name(s). +#: inc/required-plugins/class-tgm-plugin-activation.php:354 msgid "This theme recommends the following plugin: %1$s." msgid_plural "This theme recommends the following plugins: %1$s." msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:346 -msgid "⚠️ The following plugin needs to be updated to its latest version to ensure maximum compatibility with your theme: %1$s." -msgid_plural "⚠️ The following plugins need to be updated to their latest version to ensure maximum compatibility with your theme: %1$s." +#. translators: 1: plugin name(s). +#: inc/required-plugins/class-tgm-plugin-activation.php:360 +msgid "The following plugin needs to be updated to its latest version to ensure maximum compatibility with this theme: %1$s." +msgid_plural "The following plugins need to be updated to their latest version to ensure maximum compatibility with this theme: %1$s." msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:352 +#. translators: 1: plugin name(s). +#: inc/required-plugins/class-tgm-plugin-activation.php:366 msgid "There is an update available for: %1$s." msgid_plural "There are updates available for the following plugins: %1$s." msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:375 +#: inc/required-plugins/class-tgm-plugin-activation.php:388 msgid "Begin updating plugin" msgid_plural "Begin updating plugins" msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:380 +#: inc/required-plugins/class-tgm-plugin-activation.php:393 msgid "Begin activating plugin" msgid_plural "Begin activating plugins" msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:386, inc/required-plugins/class-tgm-plugin-activation.php:826, inc/required-plugins/class-tgm-plugin-activation.php:2568, inc/required-plugins/class-tgm-plugin-activation.php:3615 +#: inc/required-plugins/class-tgm-plugin-activation.php:399, inc/required-plugins/class-tgm-plugin-activation.php:2666, inc/required-plugins/class-tgm-plugin-activation.php:3727 msgid "Return to the Dashboard" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:388, inc/required-plugins/class-tgm-plugin-activation.php:2987 +#: inc/required-plugins/class-tgm-plugin-activation.php:401, inc/required-plugins/class-tgm-plugin-activation.php:3088 msgid "The following plugin was activated successfully:" msgid_plural "The following plugins were activated successfully:" msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:389 -msgid "No action taken. Plugin was already active." +#. translators: 1: plugin name. +#: inc/required-plugins/class-tgm-plugin-activation.php:403 +msgid "No action taken. Plugin %1$s was already active." msgstr "" #. translators: 1: plugin name. -#: inc/required-plugins/class-tgm-plugin-activation.php:391 +#: inc/required-plugins/class-tgm-plugin-activation.php:405 msgid "Plugin not activated. A higher version of %s is needed for this theme. Please update the plugin." msgstr "" #. translators: 1: dashboard link. -#: inc/required-plugins/class-tgm-plugin-activation.php:393 +#: inc/required-plugins/class-tgm-plugin-activation.php:407 msgid "All plugins installed and activated successfully. %1$s" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:394 +#: inc/required-plugins/class-tgm-plugin-activation.php:408 msgid "Dismiss this notice" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:395 +#: inc/required-plugins/class-tgm-plugin-activation.php:409 msgid "There are one or more required or recommended plugins to install, update or activate." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:396 +#: inc/required-plugins/class-tgm-plugin-activation.php:410 msgid "Please contact the administrator of this site for help." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:521 +#: inc/required-plugins/class-tgm-plugin-activation.php:616 msgid "This plugin needs to be updated to be compatible with your theme." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:522 +#: inc/required-plugins/class-tgm-plugin-activation.php:617 msgid "Update Required" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:936 +#: inc/required-plugins/class-tgm-plugin-activation.php:735 +msgid "Set the parent_slug config variable instead." +msgstr "" + +#: inc/required-plugins/class-tgm-plugin-activation.php:1052 msgid "The remote plugin package consists of more than one file, but the files are not packaged in a folder." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:936, inc/required-plugins/class-tgm-plugin-activation.php:933 +#: inc/required-plugins/class-tgm-plugin-activation.php:1052, inc/required-plugins/class-tgm-plugin-activation.php:1042 msgid "Please contact the plugin provider and ask them to package their plugin according to the WordPress guidelines." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:933 +#: inc/required-plugins/class-tgm-plugin-activation.php:1042 msgid "The remote plugin package does not contain a folder with the desired slug and renaming did not work." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:1130, inc/required-plugins/class-tgm-plugin-activation.php:2983 +#: inc/required-plugins/class-tgm-plugin-activation.php:1243, inc/required-plugins/class-tgm-plugin-activation.php:3084 msgctxt "plugin A *and* plugin B" msgid "and" msgstr "" -#. translators: %s: version number -#: inc/required-plugins/class-tgm-plugin-activation.php:2017 -msgid "TGMPA v%s" -msgstr "" - -#: inc/required-plugins/class-tgm-plugin-activation.php:2308 +#: inc/required-plugins/class-tgm-plugin-activation.php:2406 msgid "Required" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2311 +#: inc/required-plugins/class-tgm-plugin-activation.php:2409 msgid "Recommended" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2327 +#: inc/required-plugins/class-tgm-plugin-activation.php:2425 msgid "WordPress Repository" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2330 +#: inc/required-plugins/class-tgm-plugin-activation.php:2428 msgid "External Source" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2333 +#: inc/required-plugins/class-tgm-plugin-activation.php:2431 msgid "Pre-Packaged" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2350 +#: inc/required-plugins/class-tgm-plugin-activation.php:2448 msgid "Not Installed" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2356 +#: inc/required-plugins/class-tgm-plugin-activation.php:2454 msgid "Active" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2354 +#: inc/required-plugins/class-tgm-plugin-activation.php:2452 msgid "Installed But Not Activated" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2368 +#: inc/required-plugins/class-tgm-plugin-activation.php:2466 msgid "Update recommended" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2365 +#: inc/required-plugins/class-tgm-plugin-activation.php:2463 msgid "Requires Update" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2362 +#: inc/required-plugins/class-tgm-plugin-activation.php:2460 msgid "Required Update not Available" msgstr "" #. translators: 1: install status, 2: update status -#: inc/required-plugins/class-tgm-plugin-activation.php:2377 +#: inc/required-plugins/class-tgm-plugin-activation.php:2475 msgctxt "Install/Update Status" msgid "%1$s, %2$s" msgstr "" #. translators: 1: number of plugins. -#: inc/required-plugins/class-tgm-plugin-activation.php:2423 +#: inc/required-plugins/class-tgm-plugin-activation.php:2521 msgctxt "plugins" msgid "All (%s)" msgid_plural "All (%s)" @@ -691,178 +697,178 @@ msgstr[0] "" msgstr[1] "" #. translators: 1: number of plugins. -#: inc/required-plugins/class-tgm-plugin-activation.php:2427 +#: inc/required-plugins/class-tgm-plugin-activation.php:2525 msgid "To Install (%s)" msgid_plural "To Install (%s)" msgstr[0] "" msgstr[1] "" #. translators: 1: number of plugins. -#: inc/required-plugins/class-tgm-plugin-activation.php:2431 +#: inc/required-plugins/class-tgm-plugin-activation.php:2529 msgid "Update Available (%s)" msgid_plural "Update Available (%s)" msgstr[0] "" msgstr[1] "" #. translators: 1: number of plugins. -#: inc/required-plugins/class-tgm-plugin-activation.php:2435 +#: inc/required-plugins/class-tgm-plugin-activation.php:2533 msgid "To Activate (%s)" msgid_plural "To Activate (%s)" msgstr[0] "" msgstr[1] "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2517 +#: inc/required-plugins/class-tgm-plugin-activation.php:2615 msgctxt "as in: \"version nr unknown\"" msgid "unknown" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2525 +#: inc/required-plugins/class-tgm-plugin-activation.php:2623 msgid "Installed version:" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2533 +#: inc/required-plugins/class-tgm-plugin-activation.php:2631 msgid "Minimum required version:" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2545 +#: inc/required-plugins/class-tgm-plugin-activation.php:2643 msgid "Available version:" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2568 +#: inc/required-plugins/class-tgm-plugin-activation.php:2666 msgid "No plugins to install, update or activate." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2582 +#: inc/required-plugins/class-tgm-plugin-activation.php:2680 msgid "Plugin" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2583 +#: inc/required-plugins/class-tgm-plugin-activation.php:2681 msgid "Source" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2584 +#: inc/required-plugins/class-tgm-plugin-activation.php:2682 msgid "Type" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2588 +#: inc/required-plugins/class-tgm-plugin-activation.php:2686 msgid "Version" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2589 +#: inc/required-plugins/class-tgm-plugin-activation.php:2687 msgid "Status" msgstr "" #. translators: %2$s: plugin name in screen reader markup -#: inc/required-plugins/class-tgm-plugin-activation.php:2643 +#: inc/required-plugins/class-tgm-plugin-activation.php:2741 msgid "Update %2$s" msgstr "" #. translators: %2$s: plugin name in screen reader markup -#: inc/required-plugins/class-tgm-plugin-activation.php:2649 +#: inc/required-plugins/class-tgm-plugin-activation.php:2747 msgid "Activate %2$s" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2638 +#: inc/required-plugins/class-tgm-plugin-activation.php:2736 msgid "Install %2$s" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2719 +#: inc/required-plugins/class-tgm-plugin-activation.php:2819 msgid "Upgrade message from the plugin author:" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2752 +#: inc/required-plugins/class-tgm-plugin-activation.php:2852 msgid "Install" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2758 +#: inc/required-plugins/class-tgm-plugin-activation.php:2858 msgid "Update" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2761 +#: inc/required-plugins/class-tgm-plugin-activation.php:2861 msgid "Activate" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2794 +#: inc/required-plugins/class-tgm-plugin-activation.php:2894 msgid "No plugins were selected to be updated. No action taken." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2792 +#: inc/required-plugins/class-tgm-plugin-activation.php:2892 msgid "No plugins were selected to be installed. No action taken." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2837 +#: inc/required-plugins/class-tgm-plugin-activation.php:2937 msgid "No plugins are available to be updated at this time." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2835 +#: inc/required-plugins/class-tgm-plugin-activation.php:2935 msgid "No plugins are available to be installed at this time." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2943 +#: inc/required-plugins/class-tgm-plugin-activation.php:3044 msgid "No plugins were selected to be activated. No action taken." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:2969 +#: inc/required-plugins/class-tgm-plugin-activation.php:3070 msgid "No plugins are available to be activated at this time." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3193 +#: inc/required-plugins/class-tgm-plugin-activation.php:3295 msgid "Plugin activation failed." msgstr "" #. translators: 1: plugin name, 2: error message. -#: inc/required-plugins/class-tgm-plugin-activation.php:3536 +#: inc/required-plugins/class-tgm-plugin-activation.php:3643 msgid "An error occurred while installing %1$s: %2$s." msgstr "" #. translators: 1: plugin name. -#: inc/required-plugins/class-tgm-plugin-activation.php:3538 +#: inc/required-plugins/class-tgm-plugin-activation.php:3645 msgid "The installation of %1$s failed." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3550 +#: inc/required-plugins/class-tgm-plugin-activation.php:3657 msgid "The installation process is starting. This process may take a while on some hosts, so please be patient." msgstr "" #. translators: 1: plugin name. -#: inc/required-plugins/class-tgm-plugin-activation.php:3552 +#: inc/required-plugins/class-tgm-plugin-activation.php:3659 msgid "%1$s installed successfully." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3552, inc/required-plugins/class-tgm-plugin-activation.php:3544 +#: inc/required-plugins/class-tgm-plugin-activation.php:3659, inc/required-plugins/class-tgm-plugin-activation.php:3651, inc/required-plugins/class-tgm-plugin-activation.php:3667 msgid "Show Details" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3552, inc/required-plugins/class-tgm-plugin-activation.php:3544 +#: inc/required-plugins/class-tgm-plugin-activation.php:3659, inc/required-plugins/class-tgm-plugin-activation.php:3651 msgid "Hide Details" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3553 +#: inc/required-plugins/class-tgm-plugin-activation.php:3660 msgid "All installations have been completed." msgstr "" #. translators: 1: plugin name, 2: action number 3: total number of actions. -#: inc/required-plugins/class-tgm-plugin-activation.php:3555 +#: inc/required-plugins/class-tgm-plugin-activation.php:3662 msgid "Installing Plugin %1$s (%2$d/%3$d)" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3542 +#: inc/required-plugins/class-tgm-plugin-activation.php:3649 msgid "The installation and activation process is starting. This process may take a while on some hosts, so please be patient." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3544 +#: inc/required-plugins/class-tgm-plugin-activation.php:3651 msgid "%1$s installed and activated successfully." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3545 +#: inc/required-plugins/class-tgm-plugin-activation.php:3652 msgid "All installations and activations have been completed." msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3547 +#: inc/required-plugins/class-tgm-plugin-activation.php:3654 msgid "Installing and Activating Plugin %1$s (%2$d/%3$d)" msgstr "" -#: inc/required-plugins/class-tgm-plugin-activation.php:3533 +#: inc/required-plugins/class-tgm-plugin-activation.php:3640 msgid "Updating Plugin %1$s (%2$d/%3$d)" msgstr "" @@ -1017,7 +1023,7 @@ msgstr "" msgid "Theme Tertiary Light Color" msgstr "" -#: inc/integrations/customify/colors.php:228, inc/integrations/style-manager/colors.php:108 +#: inc/integrations/customify/colors.php:228, inc/integrations/style-manager/colors.php:110 msgid "Theme Default" msgstr "" @@ -1073,7 +1079,7 @@ msgstr "" msgid "Adjust the space separating the header and the sides of the browser." msgstr "" -#: inc/integrations/customify/customify.php:153, inc/integrations/customify/fonts.php:170, inc/integrations/style-manager/fonts.php:170, inc/integrations/style-manager/style-manager.php:151 +#: inc/integrations/customify/customify.php:153, inc/integrations/customify/fonts.php:170, inc/integrations/style-manager/fonts.php:169, inc/integrations/style-manager/style-manager.php:151 msgid "Content" msgstr "" @@ -1113,87 +1119,87 @@ msgstr "" msgid "Separator Symbol" msgstr "" -#: inc/integrations/customify/fonts.php:144, inc/integrations/style-manager/fonts.php:144 +#: inc/integrations/customify/fonts.php:144, inc/integrations/style-manager/fonts.php:161 msgid "Fonts" msgstr "" -#: inc/integrations/customify/fonts.php:148, inc/integrations/style-manager/fonts.php:148 +#: inc/integrations/customify/fonts.php:148, inc/integrations/style-manager/fonts.php:165 msgid "Body Fonts" msgstr "" -#: inc/integrations/customify/fonts.php:152, inc/integrations/style-manager/fonts.php:152 +#: inc/integrations/customify/fonts.php:152 msgid "Body" msgstr "" -#: inc/integrations/customify/fonts.php:153, inc/integrations/customify/fonts.php:171, inc/integrations/customify/fonts.php:189, inc/integrations/customify/fonts.php:211, inc/integrations/customify/fonts.php:228, inc/integrations/customify/fonts.php:245, inc/integrations/customify/fonts.php:262, inc/integrations/customify/fonts.php:279, inc/integrations/customify/fonts.php:296, inc/integrations/customify/fonts.php:313, inc/integrations/customify/fonts.php:330, inc/integrations/customify/fonts.php:370, inc/integrations/customify/fonts.php:387, inc/integrations/customify/fonts.php:404, inc/integrations/customify/fonts.php:421, inc/integrations/style-manager/fonts.php:153, inc/integrations/style-manager/fonts.php:171, inc/integrations/style-manager/fonts.php:189, inc/integrations/style-manager/fonts.php:211, inc/integrations/style-manager/fonts.php:228, inc/integrations/style-manager/fonts.php:245, inc/integrations/style-manager/fonts.php:262, inc/integrations/style-manager/fonts.php:279, inc/integrations/style-manager/fonts.php:296, inc/integrations/style-manager/fonts.php:313, inc/integrations/style-manager/fonts.php:330, inc/integrations/style-manager/fonts.php:370, inc/integrations/style-manager/fonts.php:387, inc/integrations/style-manager/fonts.php:404, inc/integrations/style-manager/fonts.php:421 +#: inc/integrations/customify/fonts.php:153, inc/integrations/customify/fonts.php:171, inc/integrations/customify/fonts.php:189, inc/integrations/customify/fonts.php:211, inc/integrations/customify/fonts.php:228, inc/integrations/customify/fonts.php:245, inc/integrations/customify/fonts.php:262, inc/integrations/customify/fonts.php:279, inc/integrations/customify/fonts.php:296, inc/integrations/customify/fonts.php:313, inc/integrations/customify/fonts.php:330, inc/integrations/customify/fonts.php:370, inc/integrations/customify/fonts.php:387, inc/integrations/customify/fonts.php:404, inc/integrations/customify/fonts.php:421, inc/integrations/style-manager/fonts.php:170, inc/integrations/style-manager/fonts.php:188, inc/integrations/style-manager/fonts.php:210, inc/integrations/style-manager/fonts.php:227, inc/integrations/style-manager/fonts.php:244, inc/integrations/style-manager/fonts.php:261, inc/integrations/style-manager/fonts.php:278, inc/integrations/style-manager/fonts.php:295, inc/integrations/style-manager/fonts.php:312, inc/integrations/style-manager/fonts.php:329, inc/integrations/style-manager/fonts.php:346, inc/integrations/style-manager/fonts.php:386, inc/integrations/style-manager/fonts.php:403, inc/integrations/style-manager/fonts.php:420, inc/integrations/style-manager/fonts.php:437 msgid "" msgstr "" -#: inc/integrations/customify/fonts.php:188, inc/integrations/style-manager/fonts.php:188 +#: inc/integrations/customify/fonts.php:188, inc/integrations/style-manager/fonts.php:187 msgid "Lead Paragraphs" msgstr "" -#: inc/integrations/customify/fonts.php:206, inc/integrations/style-manager/fonts.php:206 +#: inc/integrations/customify/fonts.php:206, inc/integrations/style-manager/fonts.php:205 msgid "Heading Fonts" msgstr "" -#: inc/integrations/customify/fonts.php:210, inc/integrations/style-manager/fonts.php:210 +#: inc/integrations/customify/fonts.php:210, inc/integrations/style-manager/fonts.php:226 msgid "Display" msgstr "" -#: inc/integrations/customify/fonts.php:227, inc/integrations/style-manager/fonts.php:227 +#: inc/integrations/customify/fonts.php:227, inc/integrations/style-manager/fonts.php:243 msgid "Heading 1" msgstr "" -#: inc/integrations/customify/fonts.php:244, inc/integrations/style-manager/fonts.php:244 +#: inc/integrations/customify/fonts.php:244, inc/integrations/style-manager/fonts.php:260 msgid "Heading 2" msgstr "" -#: inc/integrations/customify/fonts.php:261, inc/integrations/style-manager/fonts.php:261 +#: inc/integrations/customify/fonts.php:261, inc/integrations/style-manager/fonts.php:277 msgid "Heading 3" msgstr "" -#: inc/integrations/customify/fonts.php:278, inc/integrations/style-manager/fonts.php:278 +#: inc/integrations/customify/fonts.php:278, inc/integrations/style-manager/fonts.php:294 msgid "Heading 4" msgstr "" -#: inc/integrations/customify/fonts.php:295, inc/integrations/style-manager/fonts.php:295 +#: inc/integrations/customify/fonts.php:295, inc/integrations/style-manager/fonts.php:311 msgid "Heading 5" msgstr "" -#: inc/integrations/customify/fonts.php:312, inc/integrations/style-manager/fonts.php:312 +#: inc/integrations/customify/fonts.php:312, inc/integrations/style-manager/fonts.php:328 msgid "Heading 6" msgstr "" -#: inc/integrations/customify/fonts.php:329, inc/integrations/style-manager/fonts.php:329 +#: inc/integrations/customify/fonts.php:329, inc/integrations/style-manager/fonts.php:345 msgid "Accent" msgstr "" -#: inc/integrations/customify/fonts.php:345, inc/integrations/style-manager/fonts.php:345 +#: inc/integrations/customify/fonts.php:345, inc/integrations/style-manager/fonts.php:361 msgid "Headline Lines Spacing" msgstr "" -#: inc/integrations/customify/fonts.php:346, inc/integrations/style-manager/fonts.php:346 +#: inc/integrations/customify/fonts.php:346, inc/integrations/style-manager/fonts.php:362 msgid "The vertical distance between primary and secondary titles." msgstr "" -#: inc/integrations/customify/fonts.php:365, inc/integrations/style-manager/fonts.php:365 +#: inc/integrations/customify/fonts.php:365, inc/integrations/style-manager/fonts.php:381 msgid "Other Fonts" msgstr "" -#: inc/integrations/customify/fonts.php:369, inc/integrations/style-manager/fonts.php:369 +#: inc/integrations/customify/fonts.php:369, inc/integrations/style-manager/fonts.php:385 msgid "Navigation" msgstr "" -#: inc/integrations/customify/fonts.php:386, inc/integrations/style-manager/colors.php:76, inc/integrations/style-manager/fonts.php:386 +#: inc/integrations/customify/fonts.php:386, inc/integrations/style-manager/colors.php:78, inc/integrations/style-manager/fonts.php:402 msgid "Buttons" msgstr "" -#: inc/integrations/customify/fonts.php:403, inc/integrations/style-manager/fonts.php:403 +#: inc/integrations/customify/fonts.php:403, inc/integrations/style-manager/fonts.php:419 msgid "Fields" msgstr "" -#: inc/integrations/customify/fonts.php:420, inc/integrations/style-manager/fonts.php:420 +#: inc/integrations/customify/fonts.php:420, inc/integrations/style-manager/fonts.php:436 msgid "Meta" msgstr "" @@ -1233,14 +1239,18 @@ msgstr "" msgid "Headings" msgstr "" -#: inc/integrations/style-manager/colors.php:86 +#: inc/integrations/style-manager/colors.php:88 msgid "Headline Block" msgstr "" -#: inc/integrations/style-manager/colors.php:109 +#: inc/integrations/style-manager/colors.php:111 msgid "Rosa2 is to colors what wisdom is to knowledge" msgstr "" +#: inc/integrations/style-manager/fonts.php:209 +msgid "Super Display" +msgstr "" + #: woocommerce/single-product/add-to-cart/variation.php:18 msgid "Price" msgstr "" diff --git a/node-tasks/lock_node_version.js b/node-tasks/lock_node_version.js new file mode 100644 index 00000000..78a225e2 --- /dev/null +++ b/node-tasks/lock_node_version.js @@ -0,0 +1,31 @@ +/** + * This script executes before "npm install" + * Lock the version of Node running based on the one set in the package.json + */ + +const fs = require('fs'); +const path = require('path'); +const semver = require ('semver'); + +const packageJson = require('../package.json'); +const requiredNodeVersion = packageJson.engines.node; + +const runningNodeVersion = process.version; + +// set .nvmrc and .node_version to have the same version +fs.writeFileSync(path.join(__dirname, '../.node-version'), requiredNodeVersion, 'UTF8'); +// This way we could have a bash or zsh script that would automatically use the latest installed version of node from this major release. +// Not ideal, but since nvm doesn't support ranges... :| +fs.writeFileSync(path.join(__dirname, '../.nvmrc'), semver.minVersion(requiredNodeVersion).major.toString(), 'UTF8'); + +// check that the required version of Node is running +if (!semver.satisfies(runningNodeVersion, requiredNodeVersion)) { + console.error(` + The current node version ${runningNodeVersion} does not satisfy the required version ${requiredNodeVersion} . + If you have NVM and AVN installed, just exit the project folder and cd into it again (learn more about AVN: https://github.com/wbyoung/avn). + Or you may just use NVM to install and use the needed node version. + `); + + // kill the process if the required node version is not the one running + process.exit(1); +} diff --git a/node-tasks/package-lock.json b/node-tasks/package-lock.json new file mode 100644 index 00000000..5c94cd5a --- /dev/null +++ b/node-tasks/package-lock.json @@ -0,0 +1,28 @@ +{ + "name": "style-manager-node-tasks", + "requires": true, + "lockfileVersion": 1, + "dependencies": { + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "requires": { + "yallist": "^4.0.0" + } + }, + "semver": { + "version": "7.3.5", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz", + "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==", + "requires": { + "lru-cache": "^6.0.0" + } + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + } + } +} diff --git a/node-tasks/package.json b/node-tasks/package.json new file mode 100644 index 00000000..cb1b4d07 --- /dev/null +++ b/node-tasks/package.json @@ -0,0 +1,10 @@ +{ + "name": "style-manager-node-tasks", + "description": "", + "private": false, + "sideEffects": false, + "license": "GPL-2.0+", + "dependencies": { + "semver": "^7.3.5" + } +} diff --git a/package-lock.json b/package-lock.json index 4f2111c6..ca5d55b0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1759,19 +1759,6 @@ "integrity": "sha512-1CUyKyecPeksKwXZvYw0tEoaMCo/RwBlXmEtN5vVnabvO0KPd9RQLcaAuR9/1F+KDMv6esmOFWlsXuzDk+8rxg==", "dev": true }, - "electron-to-chromium": { - "version": "1.3.282", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.282.tgz", - "integrity": "sha512-irSaDeCGgfMu1OA30bhqIBr+dx+pDJjRbwCpob7YWqVZbzXblybNzPGklVnWqv4EXxbkEAzQYqiNCqNTgu00lQ==" - }, - "node-releases": { - "version": "1.1.35", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.35.tgz", - "integrity": "sha512-JGcM/wndCN/2elJlU0IGdVEJQQnJwsLbgPCFd2pY7V0mxf17bZ0Gb/lgOtL29ZQhvEX5shnVhxQyZz3ex94N8w==", - "requires": { - "semver": "^6.3.0" - } - }, "postcss": { "version": "7.0.18", "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.18.tgz", @@ -1783,11 +1770,6 @@ "supports-color": "^6.1.0" } }, - "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -3440,23 +3422,11 @@ "semver": "^6.3.0" }, "dependencies": { - "electron-to-chromium": { - "version": "1.3.282", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.282.tgz", - "integrity": "sha512-irSaDeCGgfMu1OA30bhqIBr+dx+pDJjRbwCpob7YWqVZbzXblybNzPGklVnWqv4EXxbkEAzQYqiNCqNTgu00lQ==" - }, - "node-releases": { - "version": "1.1.35", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.35.tgz", - "integrity": "sha512-JGcM/wndCN/2elJlU0IGdVEJQQnJwsLbgPCFd2pY7V0mxf17bZ0Gb/lgOtL29ZQhvEX5shnVhxQyZz3ex94N8w==", - "requires": { - "semver": "^6.3.0" - } - }, "semver": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true } } }, diff --git a/package.json b/package.json index c63d6de8..3e9638c9 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,23 @@ { "name": "rosa2", + "description": "An enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.", + "private": false, + "repository": { + "type": "git", + "url": "git+https://github.com/pixelgrade/rosa2.git" + }, + "license": "GPL-2.0+", + "bugs": { + "url": "https://github.com/pixelgrade/rosa2/issues" + }, + "engines": { + "node": ">=14.17.3", + "npm": ">=6.14.13" + }, "scripts": { "dev": "cross-env webpack --watch & gulp dev", - "build": "cross-env NODE_ENV=production webpack -p && gulp compile:styles && gulp zip" + "build": "cross-env NODE_ENV=production webpack -p && gulp compile:styles && gulp zip", + "preinstall": "cd ./node-tasks/ && npm install && node ./lock_node_version.js" }, "devDependencies": { "@babel/plugin-proposal-optional-chaining": "^7.12.1", diff --git a/src/scss/_shame.scss b/src/scss/_shame.scss index 2fed185c..69feef0a 100644 --- a/src/scss/_shame.scss +++ b/src/scss/_shame.scss @@ -75,6 +75,15 @@ html.is-dark .sm-light { --logo-inverted-opacity: 0; } +.sm-color-signal-0 { + background: none; + + --sm-current-bg-color: inherit; + --sm-current-fg1-color: inherit; + --sm-current-fg2-color: inherit; + --sm-current-accent-color: inherit; +} + /* Additional media query styles for Color Signal */ @include below(tablet) { @@ -151,7 +160,7 @@ html.is-dark .sm-light { /* End Fallback Styles for Color Signal */ -.wp-block-group__inner-container > * { +.wp-block-group__inner-container > *:not([class*='alignfull']) { width: 100%; } diff --git a/src/scss/block-editor.scss b/src/scss/block-editor.scss index 0b745afa..9275f282 100644 --- a/src/scss/block-editor.scss +++ b/src/scss/block-editor.scss @@ -6,6 +6,11 @@ $assets-folder-path: '../../assets'; @import "components/dark-mode-button"; @import "components/search-button"; +.block-editor-button-block-appender { + box-shadow: inset 0 0 0 1px currentColor; + color: inherit; +} + .editor-post-title .editor-post-title__input { @include apply-font(heading-1); --current-font-weight: 800; @@ -193,3 +198,21 @@ $assets-folder-path: '../../assets'; --font-size-modifier: 1; } } + +// Currently, when a group block is using wide or full alignment, +// this block use an extra wrapper with .wp-block class and [data-align]. +// This is a dumb selector, to make sure that we can handle space and sizing, +// even with an extra wrapper. +.wp-block[data-align="full"] { + + > div:not([class])[style*='spacing'][style*='emphasis'] { + + > .wp-block-group { + + > [class*="__inner-container"] { + padding-left: var(--theme-wrapper-sides-spacing); + padding-right: var(--theme-wrapper-sides-spacing); + } + } + } +} diff --git a/src/scss/blocks/core/group/_common.scss b/src/scss/blocks/core/group/_common.scss index 6ffb6946..5493804c 100644 --- a/src/scss/blocks/core/group/_common.scss +++ b/src/scss/blocks/core/group/_common.scss @@ -1,13 +1,12 @@ .wp-block-group { - --wp-block-group-padding: var(--current-element-padding, var(--theme-spacing-fluid-large)); - - &, - &[class*="is-style"]:not(.is-style-default) { - padding-top: var(--wp-block-group-padding); - padding-bottom: var(--wp-block-group-padding); - - & + & { - --element-spacing: 0; - } - } + + // We don't need padding-left and padding-right, + // when this block does not have background. + &[class*='sm-color-signal-0']:not([class*='alignfull']) { + + > [class*="__inner-container"] { + padding-left: 0; + padding-right: 0; + } + } } diff --git a/src/scss/blocks/nova-blocks/_common.scss b/src/scss/blocks/nova-blocks/_common.scss index 2a9e74a2..c7e2c4fa 100644 --- a/src/scss/blocks/nova-blocks/_common.scss +++ b/src/scss/blocks/nova-blocks/_common.scss @@ -23,11 +23,6 @@ 0 8px 16px rgba(0, 0, 0, 0.1); } - .novablocks-hero__inner-container, - .novablocks-slideshow__inner-container { - --theme-wrapper-sides-spacing: 0; - } - .novablocks-u-content-width { --theme-content-width-normal: 100%; } @@ -35,8 +30,7 @@ .novablocks-advanced-gallery__grid-item { &[class] .credits[class] { - --font-size: 12; - font-size: var(--current-font-size); + @include apply-font-size(12); opacity: 0.7; } } diff --git a/src/scss/blocks/nova-blocks/food-menu/_editor.scss b/src/scss/blocks/nova-blocks/food-menu/_editor.scss index 0ab0256a..a3c42fc6 100644 --- a/src/scss/blocks/nova-blocks/food-menu/_editor.scss +++ b/src/scss/blocks/nova-blocks/food-menu/_editor.scss @@ -1,5 +1,8 @@ -.item-title { - background-color: var(--sm-current-bg-color); +.nova-food-menu-item { + + .item-title { + background-color: var(--sm-current-bg-color); + } } .nova-food-menu-item--highlighted { diff --git a/src/scss/blocks/nova-blocks/food-menu/_style.scss b/src/scss/blocks/nova-blocks/food-menu/_style.scss index 4d293a3b..609c61e7 100644 --- a/src/scss/blocks/nova-blocks/food-menu/_style.scss +++ b/src/scss/blocks/nova-blocks/food-menu/_style.scss @@ -42,9 +42,10 @@ border-width: .15em; } } - -.item-title { - background-color: var(--sm-current-bg-color); +.nova-food-menu-item { + .item-title { + background-color: var(--sm-current-bg-color); + } } .wp-block-novablocks-menu-food-item.is-style-rounded { diff --git a/src/scss/blocks/nova-blocks/header/_style.scss b/src/scss/blocks/nova-blocks/header/_style.scss index 4e2f0c5b..6a88642c 100644 --- a/src/scss/blocks/nova-blocks/header/_style.scss +++ b/src/scss/blocks/nova-blocks/header/_style.scss @@ -16,6 +16,7 @@ .novablocks-header:not(.novablocks-header--ready) { opacity: 0; + --header-background-opacity: 0; } // hide all header and header-row backgrounds when header is transparent @@ -79,6 +80,10 @@ .menu-item-label { @include badge; + font-size: 0.5em; + text-transform: uppercase; + font-weight: bold; + vertical-align: middle; margin-left: 0.5em; } diff --git a/src/scss/blocks/nova-blocks/hero/_style.scss b/src/scss/blocks/nova-blocks/hero/_style.scss index becbb006..c0182335 100644 --- a/src/scss/blocks/nova-blocks/hero/_style.scss +++ b/src/scss/blocks/nova-blocks/hero/_style.scss @@ -1,13 +1,5 @@ .novablocks-hero { - .novablocks-u-content-padding { - - @include below(tablet) { - padding-top: var(--theme-spacing-xxl); - padding-bottom: var(--theme-spacing-xxl); - } - } - [class*="novablocks-u-content"] { z-index: 10; } diff --git a/src/scss/blocks/nova-blocks/navigation/_style.scss b/src/scss/blocks/nova-blocks/navigation/_style.scss index 14076853..470c5de3 100644 --- a/src/scss/blocks/nova-blocks/navigation/_style.scss +++ b/src/scss/blocks/nova-blocks/navigation/_style.scss @@ -21,8 +21,14 @@ @include navigation-item-with-hover-animation; } + // We are using 2 more [class] just so this selector, + // will have a specificity equal with the following selector: + // li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only) > li[class*="current"]:not(.menu-item-home) { - @include navigation-item-with-active-state; + + @include specific(2) { + @include navigation-item-with-active-state; + } } } } diff --git a/src/scss/blocks/nova-blocks/sidecar/_style.scss b/src/scss/blocks/nova-blocks/sidecar/_style.scss index 2e76505b..f9fb82d0 100644 --- a/src/scss/blocks/nova-blocks/sidecar/_style.scss +++ b/src/scss/blocks/nova-blocks/sidecar/_style.scss @@ -58,10 +58,6 @@ body { padding: var(--theme-spacing-fluid-xsmall); } - [class*="__inner-container"] { - padding: 0; - } - label { flex-direction: column; align-items: flex-start; @@ -80,11 +76,18 @@ body { } +// Decrease font sizing when the content is pulled +// outside the main container, in a smaller area. +// --- +// ToDO: +// Note that [data-align] is used on the Media Card and Hero blocks with +// the "full" value and the font size should be affected in those cases. +// There might be other cases where this rule is needed. .novablocks-content { + // > [data-align], > .alignleft, > .alignright, - > [data-align], > [class*='pull'], > [data-novablocks-alignment] { diff --git a/src/scss/components/_site-footer.scss b/src/scss/components/_site-footer.scss index f577d6a2..f4b59bbc 100644 --- a/src/scss/components/_site-footer.scss +++ b/src/scss/components/_site-footer.scss @@ -29,7 +29,10 @@ } } -.site-footer { +.site-footer__inner-container { - + > .wp-block-group { + --novablocks-emphasis-top-spacing: 1; + --novablocks-emphasis-bottom-spacing: 1; + } } diff --git a/src/scss/custom-properties/_typography.scss b/src/scss/custom-properties/_typography.scss index 655647c9..ada23b8a 100644 --- a/src/scss/custom-properties/_typography.scss +++ b/src/scss/custom-properties/_typography.scss @@ -64,4 +64,6 @@ letter-spacing: var(--current-letter-spacing); text-transform: var(--current-text-transform); font-feature-settings: var(--current-font-feature); + + color: var(--current-color); } diff --git a/src/scss/elements/_base.scss b/src/scss/elements/_base.scss index e0b7dc8a..572ca089 100644 --- a/src/scss/elements/_base.scss +++ b/src/scss/elements/_base.scss @@ -4,3 +4,12 @@ q, dfn { font-style: italic; } + +em { + --current-font-style: italic; +} + +strong, +b { + --current-font-weight: bold; +} diff --git a/src/scss/elements/_body.scss b/src/scss/elements/_body.scss index 7429b41e..9b4678c4 100644 --- a/src/scss/elements/_body.scss +++ b/src/scss/elements/_body.scss @@ -2,7 +2,7 @@ html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: var(--theme-header-height); - --theme-body-final-font-size: var(--current-font-size); + --theme-body-final-font-size: var(--final-font-size); @include apply-font(body); } diff --git a/src/scss/elements/_headings.scss b/src/scss/elements/_headings.scss index f1dca934..8ddd9f78 100644 --- a/src/scss/elements/_headings.scss +++ b/src/scss/elements/_headings.scss @@ -2,6 +2,7 @@ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; font-weight: var(--current-font-weight); + color: var(--current-color); } h1, .h1 { diff --git a/src/scss/elements/_styles.scss b/src/scss/elements/_styles.scss index b815ce9e..14a0bda1 100644 --- a/src/scss/elements/_styles.scss +++ b/src/scss/elements/_styles.scss @@ -1,5 +1,7 @@ .is-style-lead { @include apply-font(lead); + font-size: var(--current-font-size); + line-height: var(--current-line-height); } .is-style-meta { diff --git a/src/scss/setup/_typography.scss b/src/scss/setup/_typography.scss index 65fd5bcb..5db0c9cd 100644 --- a/src/scss/setup/_typography.scss +++ b/src/scss/setup/_typography.scss @@ -59,6 +59,16 @@ $theme-fonts: ( line-height: 1.6, letter-spacing: -0.03em ), + super-display: ( + font-family: $theme-sm-font-primary, + font-size: 165, + font-style: normal, + line-height: 1.0, + font-weight: 700, + letter-spacing: -0.03em, + text-transform: none, + color: var(--sm-current-fg2-color), + ), display: ( font-family: $theme-sm-font-primary, font-size: 115, @@ -67,6 +77,7 @@ $theme-fonts: ( font-weight: 700, letter-spacing: -0.03em, text-transform: none, + color: var(--sm-current-fg2-color), ), heading-1: ( font-family: $theme-sm-font-primary, @@ -76,6 +87,7 @@ $theme-fonts: ( font-weight: 700, letter-spacing: -0.03em, text-transform: none, + color: var(--sm-current-fg2-color), ), heading-2: ( font-family: $theme-sm-font-primary, @@ -85,6 +97,7 @@ $theme-fonts: ( line-height: 1.2, letter-spacing: -0.02em, text-transform: none, + color: var(--sm-current-fg2-color), ), heading-3: ( font-family: $theme-sm-font-primary, @@ -94,6 +107,7 @@ $theme-fonts: ( line-height: 1.2, letter-spacing: -0.02em, text-transform: none, + color: var(--sm-current-fg2-color), ), heading-4: ( font-family: $theme-sm-font-primary, @@ -103,6 +117,7 @@ $theme-fonts: ( line-height: 1.2, letter-spacing: -0.02em, text-transform: none, + color: var(--sm-current-fg2-color), ), heading-5: ( font-family: $theme-sm-font-secondary, @@ -112,6 +127,7 @@ $theme-fonts: ( line-height: 1.5, letter-spacing: 0.017em, text-transform: none, + color: var(--sm-current-fg2-color), ), heading-6: ( font-family: $theme-sm-font-secondary, @@ -121,6 +137,7 @@ $theme-fonts: ( line-height: 1.5, letter-spacing: 0.017em, text-transform: none, + color: var(--sm-current-fg2-color), ), navigation: ( font-family: $theme-sm-font-secondary, diff --git a/src/scss/setup/mixins/_apply-palette.scss b/src/scss/setup/mixins/_apply-palette.scss index e57db5c2..acc7034c 100644 --- a/src/scss/setup/mixins/_apply-palette.scss +++ b/src/scss/setup/mixins/_apply-palette.scss @@ -8,9 +8,9 @@ $suffix: #{ $i }-shifted; } - --sm-bg-color-#{ $i }: var(--sm-color-palette-#{ $id }-bg-color-#{ $suffix }); - --sm-accent-color-#{ $i }: var(--sm-color-palette-#{ $id }-accent-color-#{ $suffix }); - --sm-fg1-color-#{ $i }: var(--sm-color-palette-#{ $id }-fg1-color-#{ $suffix }); - --sm-fg2-color-#{ $i }: var(--sm-color-palette-#{ $id }-fg2-color-#{ $suffix }); + --sm-bg-color-#{ $i }: var(--sm-color-palette-#{ $id }-bg-color-#{ $suffix }, var(--sm-color-palette-1-bg-color-#{ $suffix })); + --sm-accent-color-#{ $i }: var(--sm-color-palette-#{ $id }-accent-color-#{ $suffix }, var(--sm-color-palette-1-accent-color-#{ $suffix })); + --sm-fg1-color-#{ $i }: var(--sm-color-palette-#{ $id }-fg1-color-#{ $suffix }, var(--sm-color-palette-1-fg1-color-#{ $suffix })); + --sm-fg2-color-#{ $i }: var(--sm-color-palette-#{ $id }-fg2-color-#{ $suffix }, var(--sm-color-palette-1-fg2-color-#{ $suffix })); } } \ No newline at end of file diff --git a/src/scss/setup/mixins/_badge.scss b/src/scss/setup/mixins/_badge.scss index 4ea74af4..b2913acc 100644 --- a/src/scss/setup/mixins/_badge.scss +++ b/src/scss/setup/mixins/_badge.scss @@ -3,10 +3,6 @@ background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); - font-size: 0.5em; - text-transform: uppercase; - font-weight: bold; - border-radius: 1em; padding: .25em .9em; } diff --git a/src/scss/setup/mixins/_font.scss b/src/scss/setup/mixins/_font.scss index cf63ec75..cb7503d4 100644 --- a/src/scss/setup/mixins/_font.scss +++ b/src/scss/setup/mixins/_font.scss @@ -12,3 +12,9 @@ } } } + +@mixin apply-font-size( $size ) { + --font-size: $size; + --current-font-size: var(--final-font-size); + font-size: var(--current-font-size); +} diff --git a/src/scss/setup/mixins/_quote.scss b/src/scss/setup/mixins/_quote.scss index e07eeaef..f7c796c9 100644 --- a/src/scss/setup/mixins/_quote.scss +++ b/src/scss/setup/mixins/_quote.scss @@ -15,6 +15,7 @@ } @mixin quote__cite { + display: block; margin-top: var(--theme-spacing); @include apply-font(body); font-style: normal; diff --git a/src/scss/style.scss b/src/scss/style.scss index 0c86759b..451cdfba 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -4,13 +4,13 @@ Theme URI: https://demos.pixelgrade.com/rosa2 Author: Pixelgrade Author URI: https://pixelgrade.com Description: ROSA 2 is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops. -Version: 1.12.4 +Version: 1.13.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: __theme_txtd Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, fluid-layout, responsive-layout, parallax, translation-ready, restaurant Requires at least: 5.2.0 -Tested up to: 5.7.2 +Tested up to: 5.8 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. diff --git a/src/scss/utility/_font-size.scss b/src/scss/utility/_font-size.scss index 68679b76..052f73e3 100644 --- a/src/scss/utility/_font-size.scss +++ b/src/scss/utility/_font-size.scss @@ -1,21 +1,44 @@ +.has-smallest-font-size, +.has-smaller-font-size, +.has-normal-font-size, +.has-larger-font-size, +.has-largest-font-size { + font-size: var(--current-font-size); +} + +.has-smallest-font-size { + --font-size-modifier: 0.6; +} + .has-smaller-font-size { - --font-size: inherit; --font-size-modifier: 0.8; - font-size: var(--current-font-size); +} + +.has-normal-font-size { + --font-size-modifier: 1; } .has-larger-font-size { - --font-size: inherit; --font-size-modifier: 1.25; - font-size: var(--current-font-size); } -h1.has-larger-font-size { +.has-largest-font-size { + --font-size-modifier: 1.5; +} + +h1.has-largest-font-size { + @include apply-font(super-display); + --font-size-modifier: 1; +} + +h1.has-larger-font-size, +h2.has-largest-font-size { @include apply-font(display); --font-size-modifier: 1; } -h2.has-larger-font-size { +h2.has-larger-font-size, +h3.has-largest-font-size { @include apply-font(heading-1); --font-size-modifier: 1; } @@ -26,14 +49,34 @@ h3.has-larger-font-size { --font-size-modifier: 1; } +h1.has-smallest-font-size, h2.has-smaller-font-size, -h4.has-larger-font-size { +h4.has-larger-font-size, +h5.has-largest-font-size { @include apply-font(heading-3); --font-size-modifier: 1; } +h2.has-smallest-font-size, h3.has-smaller-font-size, -h5.has-larger-font-size { +h5.has-larger-font-size, +h6.has-largest-font-size { @include apply-font(heading-4); --font-size-modifier: 1; } + +h3.has-smallest-font-size, +h4.has-smaller-font-size, +h6.has-larger-font-size { + @include apply-font(heading-5); + --font-size-modifier: 1; +} + +h4.has-smallest-font-size, +h5.has-smaller-font-size, +h5.has-smallest-font-size, +h6.has-smaller-font-size, +h6.has-smallest-font-size { + @include apply-font(heading-6); + --font-size-modifier: 1; +} diff --git a/src/scss/utility/_transparent-header.scss b/src/scss/utility/_transparent-header.scss index 0ebf3b59..cc7424da 100644 --- a/src/scss/utility/_transparent-header.scss +++ b/src/scss/utility/_transparent-header.scss @@ -1,4 +1,9 @@ .has-no-spacing-top { + + // It's fake because it is not exact, is approximately. + // Since we are using it only for a gradient, + // approximately is good enough. + --fake-header-height: calc( 2 * var(--novablocks-spacing) + Max(var(--theme-header-logo-height), calc(var(--theme-navigation-font-size) * var(--theme-navigation-line-height) * 1px))); .novablocks-hero:first-child { @@ -9,7 +14,7 @@ left: 0; width: 100%; height: 100%; - background-image: linear-gradient( rgba(0,0, 0, 0.2) var(--theme-promobar-height, 0), rgba(0, 0, 0, 0.03) calc(2 * var(--theme-header-height)), rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient( rgba(0,0, 0, 0.2) var(--theme-promobar-height, 0px), rgba(0, 0, 0, 0.03) calc(2 * var(--fake-header-height, 0px)), rgba(0, 0, 0, 0) 100%); } } } @@ -19,8 +24,7 @@ .entry-content { > :first-child { - --block-top-spacing: 0; - //--emphasis-top-spacing: 0; + --novablocks-block-top-spacing: 0 !important; } } } diff --git a/src/scss/woocommerce/block-editor.scss b/src/scss/woocommerce/block-editor.scss index 74bbf871..450c077d 100644 --- a/src/scss/woocommerce/block-editor.scss +++ b/src/scss/woocommerce/block-editor.scss @@ -10,5 +10,15 @@ $assets-folder-path: '../../../assets'; .wp-block-button.wc-block-grid__product-add-to-cart { opacity: 1; transform: translateY(0); + + .wp-block-button__link { + --theme-button-background-color: var(--sm-current-accent-color); + --theme-button-border-color: var(--sm-current-accent-color); + --theme-button-hover-text-color: var(--sm-current-accent-color); + --theme-button-hover-border-color: var(--sm-current-accent-color); + width: 100%; + } } + + } diff --git a/src/scss/woocommerce/blocks/_grid.scss b/src/scss/woocommerce/blocks/_grid.scss index 7a98969c..3251edbe 100644 --- a/src/scss/woocommerce/blocks/_grid.scss +++ b/src/scss/woocommerce/blocks/_grid.scss @@ -95,17 +95,23 @@ margin: 0; @include badge; + @include apply-font(meta); - font: inherit; - text-transform: inherit; - text-align: center; + // font: inherit; + // text-transform: inherit; + // text-align: center; } .wc-block-grid__product-title { margin-top: var(--theme-spacing-tiny); margin-bottom: 0; color: var(--sm-current-fg2-color); + @include apply-font(heading-4); + + font-weight: var(--current-font-weight); + font-size: var(--final-font-size); + line-height: var(--current-line-height); } .wc-block-grid__product-link { @@ -157,6 +163,8 @@ .wc-block-grid__product-price { color: var(--theme-dark-primary); + @include apply-font(meta); + del { opacity: .5; } diff --git a/src/scss/woocommerce/components/_mini-cart.scss b/src/scss/woocommerce/components/_mini-cart.scss index d8911c4f..61794966 100644 --- a/src/scss/woocommerce/components/_mini-cart.scss +++ b/src/scss/woocommerce/components/_mini-cart.scss @@ -47,6 +47,8 @@ display: flex; flex-wrap: wrap; position: relative; + + @include apply-font(meta); @include specific(2) { border-top: 0; @@ -201,6 +203,12 @@ .quantity { display: block; } + + &:hover { + a.remove[class] { + opacity: 1; + } + } } // put the image on its own row and remove woocommerce styles @@ -210,6 +218,8 @@ text-decoration: none; color: inherit; + + @include apply-font(heading-4); } // move the remove button to bottom right next to quantity @@ -221,8 +231,12 @@ // restyle remove button background: none; + opacity: 0; + + --theme-transition-duration: var(--theme-transition-duration-quick); + transition: var(--theme-transition); - @include close(.625em, .125em, false); + @include close(.4em, .08em, false); // woocommerce thinks this should be important color: inherit !important; @@ -242,6 +256,7 @@ .mini_cart_item { .quantity { margin-top: var(--theme-spacing-tiny); + @include apply-font(meta); } dl, diff --git a/src/scss/woocommerce/pages/_single-product.scss b/src/scss/woocommerce/pages/_single-product.scss index 5bc238f5..4249af8c 100644 --- a/src/scss/woocommerce/pages/_single-product.scss +++ b/src/scss/woocommerce/pages/_single-product.scss @@ -174,6 +174,7 @@ .woocommerce-product-details__short-description { margin-bottom: var(--theme-spacing); + --current-font-size: 0.96em; > :not(:first-child) { margin-top: var(--theme-spacing-small); @@ -336,10 +337,12 @@ .product_title { @include apply-font(heading-3); + margin-bottom: var(--theme-spacing-tiny); } .price { margin-bottom: var(--theme-spacing-small); + @include apply-font(heading-4); } span.onsale { @@ -518,14 +521,19 @@ } .product_meta { - font-size: .875em; + --current-font-size: 0.92em; > span { display: block; a { + font-size: inherit; text-decoration: none; opacity: .5; + + &:hover { + opacity: 1; + } } } } @@ -656,7 +664,13 @@ .woocommerce-breadcrumb { @include specific(1) { + margin-bottom: var(--theme-spacing-tiny); + + --current-font-size: 0.96em; + font-size: var(--current-font-size); + color: var(--sm-current-fg2-color); + a { color: var(--sm-current-fg2-color); text-decoration-color: transparent; diff --git a/style-rtl.css b/style-rtl.css index 0c6771ca..662b4b93 100644 --- a/style-rtl.css +++ b/style-rtl.css @@ -4,13 +4,13 @@ Theme URI: https://demos.pixelgrade.com/rosa2 Author: Pixelgrade Author URI: https://pixelgrade.com Description: ROSA 2 is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops. -Version: 1.12.4 +Version: 1.13.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: __theme_txtd Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, fluid-layout, responsive-layout, parallax, translation-ready, restaurant Requires at least: 5.2.0 -Tested up to: 5.7.2 +Tested up to: 5.8 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. @@ -345,7 +345,7 @@ html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: var(--theme-header-height); - --theme-body-final-font-size: var(--current-font-size); + --theme-body-final-font-size: var(--final-font-size); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); @@ -757,7 +757,8 @@ label { h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; - font-weight: var(--current-font-weight); } + font-weight: var(--current-font-weight); + color: var(--current-color); } h1, .h1 { --font-size: var(--theme-heading-1-font-size); @@ -768,6 +769,7 @@ h1, .h1 { --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --current-font-feature: "liga", "dlig", "onum"; } h2, .h2 { @@ -779,6 +781,7 @@ h2, .h2 { --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); --current-font-feature: "liga", "dlig", "onum"; } h3, .h3 { @@ -789,7 +792,8 @@ h3, .h3 { --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); } h4, .h4 { --font-size: var(--theme-heading-4-font-size); @@ -799,7 +803,8 @@ h4, .h4 { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } h5, .h5 { --font-size: var(--theme-heading-5-font-size); @@ -809,7 +814,8 @@ h5, .h5 { --current-font-style: var(--theme-heading-5-font-style); --current-line-height: var(--theme-heading-5-line-height); --current-letter-spacing: var(--theme-heading-5-letter-spacing); - --current-text-transform: var(--theme-heading-5-text-transform); } + --current-text-transform: var(--theme-heading-5-text-transform); + --current-color: var(--theme-heading-5-color); } h6, .h6 { --font-size: var(--theme-heading-6-font-size); @@ -819,7 +825,8 @@ h6, .h6 { --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); - --current-text-transform: var(--theme-heading-6-text-transform); } + --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); } em, i, @@ -827,6 +834,13 @@ q, dfn { font-style: italic; } +em { + --current-font-style: italic; } + +strong, +b { + --current-font-weight: bold; } + /* Iframes */ iframe { width: 100%; @@ -965,7 +979,9 @@ table { --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); - --current-text-transform: var(--theme-lead-text-transform); } + --current-text-transform: var(--theme-lead-text-transform); + font-size: var(--current-font-size); + line-height: var(--current-line-height); } .is-style-meta { --font-size: var(--theme-meta-font-size); @@ -1022,54 +1038,54 @@ table { .c-subscribe-form { display: flex; flex-direction: column; - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .c-subscribe-form > :not(:first-child) { margin-top: var(--theme-spacing-fluid-default); } .c-subscribe-form button[type='submit'] { @@ -1454,6 +1470,7 @@ table { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); --font-size: calc(var(--theme-header-logo-height-setting) * 1.8); --current-line-height: 1; } @media not screen and (min-width: 768px) { @@ -1496,6 +1513,10 @@ table { .site-footer .wp-block-group .wp-block-group__inner-container { --display-mode: grid; } } +.site-footer__inner-container > .wp-block-group { + --novablocks-emphasis-top-spacing: 1; + --novablocks-emphasis-bottom-spacing: 1; } + /* Post Content */ .entry-header { --novablocks-element-spacing-multiplier: 0.5; } @@ -2044,6 +2065,7 @@ label.subscribe-label.subscribe-label { --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); opacity: .6; } .comment__metadata { @@ -2268,7 +2290,8 @@ span.page-numbers { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .post-navigation__post-title, .post-navigation__link-label { @@ -2999,6 +3022,13 @@ html.is-dark .sm-light { --logo-default-opacity: 1; --logo-inverted-opacity: 0; } +.sm-color-signal-0 { + background: none; + --sm-current-bg-color: inherit; + --sm-current-fg1-color: inherit; + --sm-current-fg2-color: inherit; + --sm-current-accent-color: inherit; } + /* Additional media query styles for Color Signal */ @media not screen and (min-width: 768px) { .sm-variation-1\@below-tablet[class] { @@ -3064,154 +3094,154 @@ html.is-dark .sm-light { /* Color signal defaul styles for WooCommerce notifications */ .woocommerce-error { - --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .woocommerce-message { - --sm-bg-color-1: var(--sm-color-palette-_success-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_success-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_success-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_success-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_success-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_success-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_success-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_success-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_success-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_success-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_success-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_success-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_success-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_success-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_success-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_success-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_success-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_success-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_success-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_success-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_success-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_success-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_success-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_success-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_success-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_success-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_success-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_success-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_success-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_success-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_success-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_success-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_success-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_success-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_success-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_success-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_success-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_success-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_success-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_success-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_success-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_success-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_success-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_success-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_success-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_success-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_success-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_success-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-_success-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_success-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_success-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_success-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_success-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_success-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_success-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_success-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_success-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_success-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_success-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_success-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_success-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_success-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_success-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_success-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_success-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_success-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_success-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_success-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_success-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_success-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_success-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_success-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_success-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_success-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_success-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_success-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_success-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_success-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_success-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_success-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_success-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_success-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_success-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_success-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_success-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_success-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_success-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_success-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_success-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_success-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_success-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_success-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_success-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_success-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_success-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_success-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .woocommerce-info { - --sm-bg-color-1: var(--sm-color-palette-_info-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_info-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_info-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_info-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_info-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_info-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_info-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_info-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_info-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_info-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_info-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_info-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_info-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_info-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_info-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_info-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_info-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_info-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_info-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_info-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_info-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_info-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_info-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_info-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_info-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_info-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_info-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_info-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_info-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_info-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_info-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_info-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_info-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_info-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_info-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_info-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_info-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_info-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_info-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_info-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_info-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_info-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_info-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_info-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_info-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_info-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_info-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_info-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-_info-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_info-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_info-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_info-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_info-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_info-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_info-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_info-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_info-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_info-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_info-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_info-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_info-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_info-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_info-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_info-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_info-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_info-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_info-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_info-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_info-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_info-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_info-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_info-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_info-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_info-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_info-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_info-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_info-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_info-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_info-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_info-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_info-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_info-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_info-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_info-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_info-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_info-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_info-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_info-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_info-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_info-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_info-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_info-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_info-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_info-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_info-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_info-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } /* Fallback Styles for Color Signal */ .is-style-dark { @@ -3239,212 +3269,212 @@ html.is-dark .sm-light { --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-alternative { - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-alert { - --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12); + --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); --sm-current-bg-color: var(--sm-bg-color-7); --sm-current-accent-color: var(--sm-accent-color-7); --sm-current-fg1-color: var(--sm-fg1-color-7); --sm-current-fg2-color: var(--sm-fg2-color-7); } .novablocks-media.has-secondary-accent-color .novablocks-block { - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .novablocks-media.has-tertiary-accent-color .novablocks-block { - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .novablocks-opentable:not([class*="sm-palette-"]):not([class*="sm-variation-"]) { --sm-current-bg-color: var(--sm-bg-color-10); @@ -3453,7 +3483,7 @@ html.is-dark .sm-light { --sm-current-fg2-color: var(--sm-fg2-color-10); } /* End Fallback Styles for Color Signal */ -.wp-block-group__inner-container > * { +.wp-block-group__inner-container > *:not([class*='alignfull']) { width: 100%; } @media not screen and (min-width: 1024px) { diff --git a/style.css b/style.css index a1945b51..89a380df 100644 --- a/style.css +++ b/style.css @@ -4,13 +4,13 @@ Theme URI: https://demos.pixelgrade.com/rosa2 Author: Pixelgrade Author URI: https://pixelgrade.com Description: ROSA 2 is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops. -Version: 1.12.4 +Version: 1.13.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: __theme_txtd Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, fluid-layout, responsive-layout, parallax, translation-ready, restaurant Requires at least: 5.2.0 -Tested up to: 5.7.2 +Tested up to: 5.8 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. @@ -345,7 +345,7 @@ html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: var(--theme-header-height); - --theme-body-final-font-size: var(--current-font-size); + --theme-body-final-font-size: var(--final-font-size); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); @@ -757,7 +757,8 @@ label { h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; - font-weight: var(--current-font-weight); } + font-weight: var(--current-font-weight); + color: var(--current-color); } h1, .h1 { --font-size: var(--theme-heading-1-font-size); @@ -768,6 +769,7 @@ h1, .h1 { --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); + --current-color: var(--theme-heading-1-color); --current-font-feature: "liga", "dlig", "onum"; } h2, .h2 { @@ -779,6 +781,7 @@ h2, .h2 { --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); + --current-color: var(--theme-heading-2-color); --current-font-feature: "liga", "dlig", "onum"; } h3, .h3 { @@ -789,7 +792,8 @@ h3, .h3 { --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); - --current-text-transform: var(--theme-heading-3-text-transform); } + --current-text-transform: var(--theme-heading-3-text-transform); + --current-color: var(--theme-heading-3-color); } h4, .h4 { --font-size: var(--theme-heading-4-font-size); @@ -799,7 +803,8 @@ h4, .h4 { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } h5, .h5 { --font-size: var(--theme-heading-5-font-size); @@ -809,7 +814,8 @@ h5, .h5 { --current-font-style: var(--theme-heading-5-font-style); --current-line-height: var(--theme-heading-5-line-height); --current-letter-spacing: var(--theme-heading-5-letter-spacing); - --current-text-transform: var(--theme-heading-5-text-transform); } + --current-text-transform: var(--theme-heading-5-text-transform); + --current-color: var(--theme-heading-5-color); } h6, .h6 { --font-size: var(--theme-heading-6-font-size); @@ -819,7 +825,8 @@ h6, .h6 { --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); - --current-text-transform: var(--theme-heading-6-text-transform); } + --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); } em, i, @@ -827,6 +834,13 @@ q, dfn { font-style: italic; } +em { + --current-font-style: italic; } + +strong, +b { + --current-font-weight: bold; } + /* Iframes */ iframe { width: 100%; @@ -965,7 +979,9 @@ table { --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); - --current-text-transform: var(--theme-lead-text-transform); } + --current-text-transform: var(--theme-lead-text-transform); + font-size: var(--current-font-size); + line-height: var(--current-line-height); } .is-style-meta { --font-size: var(--theme-meta-font-size); @@ -1022,54 +1038,54 @@ table { .c-subscribe-form { display: flex; flex-direction: column; - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .c-subscribe-form > :not(:first-child) { margin-top: var(--theme-spacing-fluid-default); } .c-subscribe-form button[type='submit'] { @@ -1454,6 +1470,7 @@ table { --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); --font-size: calc(var(--theme-header-logo-height-setting) * 1.8); --current-line-height: 1; } @media not screen and (min-width: 768px) { @@ -1496,6 +1513,10 @@ table { .site-footer .wp-block-group .wp-block-group__inner-container { --display-mode: grid; } } +.site-footer__inner-container > .wp-block-group { + --novablocks-emphasis-top-spacing: 1; + --novablocks-emphasis-bottom-spacing: 1; } + /* Post Content */ .entry-header { --novablocks-element-spacing-multiplier: 0.5; } @@ -2044,6 +2065,7 @@ label.subscribe-label.subscribe-label { --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); --current-text-transform: var(--theme-heading-6-text-transform); + --current-color: var(--theme-heading-6-color); opacity: .6; } .comment__metadata { @@ -2268,7 +2290,8 @@ span.page-numbers { --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); - --current-text-transform: var(--theme-heading-4-text-transform); } + --current-text-transform: var(--theme-heading-4-text-transform); + --current-color: var(--theme-heading-4-color); } .post-navigation__post-title, .post-navigation__link-label { @@ -2999,6 +3022,13 @@ html.is-dark .sm-light { --logo-default-opacity: 1; --logo-inverted-opacity: 0; } +.sm-color-signal-0 { + background: none; + --sm-current-bg-color: inherit; + --sm-current-fg1-color: inherit; + --sm-current-fg2-color: inherit; + --sm-current-accent-color: inherit; } + /* Additional media query styles for Color Signal */ @media not screen and (min-width: 768px) { .sm-variation-1\@below-tablet[class] { @@ -3064,154 +3094,154 @@ html.is-dark .sm-light { /* Color signal defaul styles for WooCommerce notifications */ .woocommerce-error { - --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .woocommerce-message { - --sm-bg-color-1: var(--sm-color-palette-_success-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_success-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_success-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_success-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_success-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_success-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_success-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_success-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_success-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_success-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_success-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_success-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_success-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_success-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_success-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_success-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_success-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_success-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_success-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_success-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_success-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_success-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_success-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_success-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_success-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_success-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_success-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_success-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_success-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_success-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_success-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_success-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_success-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_success-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_success-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_success-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_success-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_success-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_success-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_success-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_success-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_success-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_success-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_success-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_success-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_success-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_success-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_success-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-_success-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_success-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_success-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_success-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_success-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_success-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_success-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_success-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_success-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_success-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_success-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_success-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_success-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_success-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_success-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_success-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_success-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_success-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_success-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_success-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_success-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_success-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_success-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_success-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_success-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_success-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_success-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_success-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_success-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_success-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_success-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_success-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_success-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_success-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_success-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_success-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_success-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_success-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_success-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_success-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_success-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_success-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_success-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_success-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_success-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_success-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_success-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_success-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .woocommerce-info { - --sm-bg-color-1: var(--sm-color-palette-_info-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_info-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_info-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_info-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_info-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_info-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_info-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_info-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_info-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_info-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_info-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_info-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_info-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_info-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_info-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_info-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_info-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_info-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_info-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_info-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_info-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_info-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_info-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_info-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_info-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_info-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_info-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_info-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_info-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_info-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_info-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_info-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_info-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_info-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_info-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_info-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_info-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_info-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_info-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_info-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_info-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_info-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_info-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_info-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_info-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_info-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_info-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_info-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-_info-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_info-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_info-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_info-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_info-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_info-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_info-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_info-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_info-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_info-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_info-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_info-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_info-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_info-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_info-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_info-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_info-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_info-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_info-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_info-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_info-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_info-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_info-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_info-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_info-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_info-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_info-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_info-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_info-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_info-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_info-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_info-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_info-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_info-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_info-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_info-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_info-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_info-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_info-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_info-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_info-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_info-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_info-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_info-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_info-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_info-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_info-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_info-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } /* Fallback Styles for Color Signal */ .is-style-dark { @@ -3239,212 +3269,212 @@ html.is-dark .sm-light { --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-alternative { - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-alert { - --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12); + --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); --sm-current-bg-color: var(--sm-bg-color-7); --sm-current-accent-color: var(--sm-accent-color-7); --sm-current-fg1-color: var(--sm-fg1-color-7); --sm-current-fg2-color: var(--sm-fg2-color-7); } .novablocks-media.has-secondary-accent-color .novablocks-block { - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .novablocks-media.has-tertiary-accent-color .novablocks-block { - --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1); - --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1); - --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1); - --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1); - --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2); - --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2); - --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2); - --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2); - --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3); - --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3); - --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3); - --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3); - --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4); - --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4); - --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4); - --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4); - --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5); - --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5); - --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5); - --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5); - --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6); - --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6); - --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6); - --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6); - --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7); - --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7); - --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7); - --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7); - --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8); - --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8); - --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8); - --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8); - --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9); - --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9); - --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9); - --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9); - --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10); - --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10); - --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10); - --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10); - --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11); - --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11); - --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11); - --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11); - --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12); - --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12); - --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12); - --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12); } + --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); + --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); + --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); + --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); + --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); + --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); + --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); + --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); + --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); + --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); + --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); + --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); + --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); + --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); + --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); + --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); + --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); + --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); + --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); + --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); + --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); + --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); + --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); + --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); + --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); + --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); + --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); + --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); + --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); + --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); + --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); + --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); + --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); + --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); + --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); + --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); + --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); + --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); + --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); + --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); + --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); + --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); + --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); + --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); + --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); + --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); + --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); + --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .novablocks-opentable:not([class*="sm-palette-"]):not([class*="sm-variation-"]) { --sm-current-bg-color: var(--sm-bg-color-10); @@ -3453,7 +3483,7 @@ html.is-dark .sm-light { --sm-current-fg2-color: var(--sm-fg2-color-10); } /* End Fallback Styles for Color Signal */ -.wp-block-group__inner-container > * { +.wp-block-group__inner-container > *:not([class*='alignfull']) { width: 100%; } @media not screen and (min-width: 1024px) { diff --git a/tasks/build-folder.js b/tasks/build-folder.js index fabeba43..a8cde4b9 100644 --- a/tasks/build-folder.js +++ b/tasks/build-folder.js @@ -34,19 +34,20 @@ gulp.task( 'build:copy-folder', copyFolder ); // Remove unneeded files and folders from the build folder. // ----------------------------------------------------------------------------- async function removeUnneededFiles() { - const files_to_remove = new Array(); + const files_to_remove = []; const contents = fs.readFileSync( '.zipignore', 'utf8' ); // Files that should not be present in build contents.split(/[\r\n]/).forEach(function(path) { path = path.trim(); - if ( path ) { - files_to_remove.push('../build/' + theme + '/' + path); + // We will skip line starting with # since those are comments (as per the .gitignore standard). + if ( path && !path.startsWith('#') ) { + files_to_remove.push( '../build/' + theme + '/' + path ); } }); - return del( files_to_remove, {force: true} ); + return del.sync( files_to_remove, {force: true} ); } removeUnneededFiles.description = 'Remove unneeded files and folders from the build folder'; gulp.task( 'build:remove-unneeded-files', removeUnneededFiles );