Release 1.13.0 (#303)

* 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 <[email protected]>
Co-authored-by: madalingorbanescu <[email protected]>
Co-authored-by: Vlad Olaru <[email protected]>
Co-authored-by: Madalin Gorbanescu <[email protected]>
Co-authored-by: Mădălin Gorbănescu <[email protected]>

.node-version

@@ -0,0 +1 @@
+>=14.17.3

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.nvmrc

@@ -0,0 +1 @@
+14

.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

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).
 

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); }

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); }