Merge pull request #41 from Slobork/dev

Dev
Slobork · Jul 18, 2024 · 810bbbd · 810bbbd
2 parents 77e51e2 + d6841cf
commit 810bbbd
Show file tree

Hide file tree

Showing 145 changed files with 1,056 additions and 642 deletions.
diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css
@@ -85,13 +85,11 @@
 .is-style-icecubo-mix-colors-focus {background: radial-gradient(var(--wp--preset--color--shade-1) 25%, var(--wp--preset--color--darko) 75%);}
 .is-style-icecubo-mix-colors-to-light {background: linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primaryish-light));}
 
-/* Marking a chunk of text with a UI highlighter and adding a following class */
-[class*="ice-mark"] mark {background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
-.ice-mark-mix mark {background: linear-gradient(199deg, var(--wp--preset--color--shade-3) 40%, var(--wp--preset--color--friend-dark) 50%, var(--wp--preset--color--primary) 70%, var(--wp--preset--color--highlight-1) 100%);}
-.ice-mark-mix-light mark {background: linear-gradient(199deg, var(--wp--preset--color--shade-2) 40%, var(--wp--preset--color--friend-light) 50%, var(--wp--preset--color--primary) 70%, var(--wp--preset--color--highlight-1) 100%);}
-.ice-mark-to-light mark {background: linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primaryish-light));}
-.ice-mark-focus mark {background: radial-gradient(var(--wp--preset--color--shade-1) 25%, var(--wp--preset--color--darko) 75%);}
-.ice-mark-pick mark {background: radial-gradient(currentColor, var(--wp--preset--color--darko) 75%)}
+/**
+ * Marking a chunk of text with a UI highlighter and adding a following class
+ * In the Editor just mark it with opacity, it cannot perform the "ice-mark" effect on the highlighter
+ */
+[class*="ice-mark"] mark {opacity: .5;}
 
 /* Search box - border-radius is set for all buttons, but inside the editor it isn't picking the radius on the search box */
 .wp-block-search .wp-block-search__button { border-radius: var(--wp--custom--radius-large); }
@@ -102,6 +100,9 @@
  */
 .wp-block-search.wp-block-search__button-only .wp-block-search__button { max-width: none; }
 
+/*...Also the padding for the search button is necessary */
+.wp-block-search__button {padding: .75em 1.75em}
+
 /* Preformatted text in the "Classic block" */
 .wp-block-freeform.block-library-rich-text__tinymce pre { color: inherit; }
 

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -166,7 +166,7 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t
 .is-style-icecubo-mix-colors-to-light {background: linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primaryish-light));}
 
 /* Marking a chunk of text with a UI highlighter and adding a following class */
-[class*="ice-mark"] mark {background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
+[class*="ice-mark"] mark {background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;text-shadow: none !important;}
 .ice-mark-mix mark {background: linear-gradient(199deg, var(--wp--preset--color--shade-3) 40%, var(--wp--preset--color--friend-dark) 50%, var(--wp--preset--color--primary) 70%, var(--wp--preset--color--highlight-1) 100%);}
 .ice-mark-mix-light mark {background: linear-gradient(199deg, var(--wp--preset--color--shade-2) 40%, var(--wp--preset--color--friend-light) 50%, var(--wp--preset--color--primary) 70%, var(--wp--preset--color--highlight-1) 100%);}
 .ice-mark-to-light mark {background: linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primaryish-light));}
@@ -187,6 +187,8 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t
     border-radius: var(--wp--custom--radius-large);
     max-width: none;
 }
+/*...Also the padding for the search button is necessary */
+.wp-block-search__button {padding: .75em 1.75em}
 
 /**
  * Group/cover block.
@@ -207,13 +209,15 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t
  */
 .is-style-icecubo-square-post-byline {
      background: var(--wp--preset--color--white-ice);
+     color: var(--wp--preset--color--darko-down-bottom);
      border-radius: var(--wp--custom--radius-small);
      padding-left: var(--wp--custom--spacing-s);
      padding-right: var(--wp--custom--spacing-s);
 }
 
 .is-style-icecubo-oval-post-byline {
      background: var(--wp--preset--color--white-ice);
+     color: var(--wp--preset--color--darko-down-bottom);
      border-radius: var(--wp--custom--radius-middle);
      padding-left: var(--wp--custom--spacing-s);
      padding-right: var(--wp--custom--spacing-s);
@@ -238,11 +242,13 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t
  */
 .is-style-icecubo-each-square-post-byline a {
     background: var(--wp--preset--color--white-ice);
+    color: var(--wp--preset--color--darko-down-bottom);
     border-radius: var(--wp--custom--radius-small);
 }
 
 .is-style-icecubo-each-oval-post-byline a {
     background: var(--wp--preset--color--white-ice);
+    color: var(--wp--preset--color--darko-down-bottom);
     border-radius: var(--wp--custom--radius-middle);
 }
 
@@ -251,6 +257,13 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t
     border-radius: var(--wp--custom--radius-middle);
 }
 
+.is-style-icecubo-square-post-byline.wp-block-post-terms,
+.is-style-icecubo-oval-post-byline.wp-block-post-terms,
+.is-style-icecubo-each-square-post-byline.wp-block-post-terms a,
+.is-style-icecubo-each-oval-post-byline.wp-block-post-terms a {
+    font-weight: bold;
+}
+
 .is-style-icecubo-each-square-post-byline.wp-block-post-terms a,
 .is-style-icecubo-each-oval-post-byline.wp-block-post-terms a,
 .is-style-icecubo-each-outline-post-byline.wp-block-post-terms a {
@@ -273,5 +286,7 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t
 @media (max-width: 599px) {
     /* Force behavior on mobile */
     .mob-force-flexwrap {flex-wrap: wrap !important;}
+    .mob-force-flexdir-columns {flex-direction: column !important;}
     .mob-minheight-no {min-height: unset !important;}
+    .mob-display-out { display: none !important;}
 }
diff --git a/functions.php b/functions.php
@@ -14,7 +14,7 @@
  * Author URI:          https://maxpressy.com
  * License:             GPL v2 or later
  * License URI:         https://www.gnu.org/licenses/gpl-2.0.html
- * Version:             1.1.9
+ * Version:             1.2.0
  * Text Domain:         icecubo
  * Domain Path:         /languages
  * Requires at least:   6.1

diff --git a/inc/register-block-patterns.php b/inc/register-block-patterns.php
@@ -22,21 +22,6 @@ function icecubo_register_block_pattern_category() {
             array( 'label' => esc_html__('IceCubo - 404', 'icecubo') )
         );
 
-        register_block_pattern_category(
-            'icecubo-basic-general',
-            array( 'label' => esc_html__('IceCubo - Basic (General)', 'icecubo') )
-        );
-
-        register_block_pattern_category(
-            'icecubo-basic-features',
-            array( 'label' => esc_html__('IceCubo - Basic (Features)', 'icecubo') )
-        );
-
-        register_block_pattern_category(
-            'icecubo-basic-testimonials',
-            array( 'label' => esc_html__('IceCubo - Basic (Testimonials)', 'icecubo') )
-        );
-
         register_block_pattern_category(
             'icecubo-box',
             array( 'label' => esc_html__('IceCubo - Boxes', 'icecubo') )
@@ -47,6 +32,11 @@ function icecubo_register_block_pattern_category() {
             array( 'label' => esc_html__('IceCubo - FAQ', 'icecubo') )
         );
 
+        register_block_pattern_category(
+            'icecubo-features',
+            array( 'label' => esc_html__('IceCubo - Features', 'icecubo') )
+        );
+
         register_block_pattern_category(
             'icecubo-footer',
             array( 'label' => esc_html__('IceCubo - Footers', 'icecubo') )
@@ -62,14 +52,19 @@ function icecubo_register_block_pattern_category() {
             array( 'label' => esc_html__('IceCubo - Heroes', 'icecubo') )
         );
 
+        register_block_pattern_category(
+            'icecubo-numbers',
+            array( 'label' => esc_html__('IceCubo - Numbers', 'icecubo') )
+        );
+
         register_block_pattern_category(
             'icecubo-page',
-            array( 'label' => esc_html__('IceCubo - Pages', 'icecubo') )
+            array( 'label' => esc_html__('IceCubo - 2. Pages', 'icecubo') )
         );
 
         register_block_pattern_category(
             'icecubo-query',
-            array( 'label' => esc_html__('IceCubo - Posts', 'icecubo') )
+            array( 'label' => esc_html__('IceCubo - 3. Posts', 'icecubo') )
         );
 
         register_block_pattern_category(
@@ -87,6 +82,11 @@ function icecubo_register_block_pattern_category() {
             array( 'label' => esc_html__('IceCubo - Posts: Division (columns)', 'icecubo') )
         );
 
+        register_block_pattern_category(
+            'icecubo-portfolio',
+            array( 'label' => esc_html__('IceCubo - Portfolio', 'icecubo') )
+        );
+
         register_block_pattern_category(
             'icecubo-post-header',
             array( 'label' => esc_html__('IceCubo - Post headers', 'icecubo') )
@@ -99,7 +99,17 @@ function icecubo_register_block_pattern_category() {
 
         register_block_pattern_category(
             'icecubo-section',
-            array( 'label' => esc_html__('IceCubo - Sections', 'icecubo') )
+            array( 'label' => esc_html__('IceCubo - 1. Sections', 'icecubo') )
+        );
+
+        register_block_pattern_category(
+            'icecubo-team',
+            array( 'label' => esc_html__('IceCubo - Team', 'icecubo') )
+        );
+
+        register_block_pattern_category(
+            'icecubo-testimonials',
+            array( 'label' => esc_html__('IceCubo - Testimonials', 'icecubo') )
         );
 
     }

diff --git a/inc/register-block-styles.php b/inc/register-block-styles.php
@@ -66,6 +66,7 @@ function icecubo_register_block_styles()
             )
         );
 
+        // With Cover styles we do not load the css file, instead styling done in the main.css
         register_block_style(
             'core/cover',
             array(

diff --git a/inc/theme-json-updater.php b/inc/theme-json-updater.php
@@ -38,15 +38,20 @@ function icecubo_gradients_list() {
                 "gradient" => "linear-gradient(180deg,var(--wp--preset--color--darko) 0%,var(--wp--preset--color--primary) 100%)",
                 "name"     => __("Darko to primary gradually", 'icecubo')
             ),
+            array(
+                "slug"     => "primary-to-darko-gradual",
+                "gradient" => "linear-gradient(180deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--darko) 100%)",
+                "name"     => __("Primary to darko gradually", 'icecubo')
+            ),
             array(
                 "slug"     => "primary-to-transparent-linear-gradual",
                 "gradient" => "linear-gradient(180deg,var(--wp--preset--color--primary) 0%,transparent 100%)",
                 "name"     => __("Primary to transparent gradually", 'icecubo')
             ),
             array(
-                "slug"     => "primary-to-darko-gradual",
-                "gradient" => "linear-gradient(180deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--darko) 100%)",
-                "name"     => __("Primary to darko gradually", 'icecubo')
+                "slug"     => "transparent-to-primary-linear-gradual",
+                "gradient" => "linear-gradient(180deg,transparent 0%, var(--wp--preset--color--primary) 100%)",
+                "name"     => __("Transparent to primary gradually", 'neda')
             ),
             array(
                 "slug"     => "darko-to-white-linear-sharp-corner",
@@ -93,6 +98,11 @@ function icecubo_gradients_list() {
                 "gradient" => "linear-gradient(90deg,var(--wp--preset--color--darko) 0%,var(--wp--preset--color--primary) 100%)",
                 "name"     => __("Darko to primary gradual aside", 'icecubo')
             ),
+            array(
+                "slug"     => "primary-to-darko-linear-gradual-aside",
+                "gradient" => "linear-gradient(90deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--darko) 100%)",
+                "name"     => __("Primary to darko gradual aside", 'icecubo')
+            ),
             array(
                 "slug"     => "white-to-primary-radial-gradual",
                 "gradient" => "radial-gradient(var(--wp--preset--color--white) 0%,var(--wp--preset--color--primary) 100%)",
@@ -126,7 +136,22 @@ function icecubo_gradients_list() {
             array(
                 'slug'     => 'primary-to-transparent-gradual-radial',
                 'gradient' => 'radial-gradient(var(--wp--preset--color--primary) 0%,transparent 100%)',
-                'name'     => __('Primary to transparent gradually', 'icecubo')
+                'name'     => __('Primary to transparent gradually', 'neda')
+            ),
+            array(
+                'slug'     => 'primary-to-transparent-radial-66-break',
+                'gradient' => 'radial-gradient(var(--wp--preset--color--primary) 0%,rgba(0,0,0,0) 66%)',
+                'name'     => __('Primary to transparent focus', 'neda')
+            ),
+            array(
+                'slug'     => 'classy-to-transparent-radial-66-break',
+                'gradient' => 'radial-gradient(var(--wp--preset--color--classy-3) 0%,rgba(0,0,0,0) 66%)',
+                'name'     => __('Classy to transparent focus', 'neda')
+            ),
+            array(
+                'slug'     => 'matching-to-transparent-radial-66-break',
+                'gradient' => 'radial-gradient(var(--wp--preset--color--matching-6) 0%,rgba(0,0,0,0) 66%)',
+                'name'     => __('Matching to transparent focus', 'neda')
             ),
             array(
                 'slug'     => 'shade-2-to-primaryish-to-shade-4-diagonal',

diff --git a/parts/header-hero-gradient-gradual-dark-primary.html b/parts/header-hero-gradient-gradual-dark-primary.html
@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"icecubo/header-hero-gradient-gradual-dark-primary"} /-->
diff --git a/patterns/box-author-2columns.php b/patterns/box-author-2columns.php
@@ -26,7 +26,7 @@
 
 <!-- wp:social-link {"url":"#","service":"linkedin"} /-->
 
-<!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
+<!-- wp:social-link {"url":"#","service":"x"} /--></ul>
 <!-- /wp:social-links --></div>
 <!-- /wp:column --></div>
 <!-- /wp:columns --></div>

diff --git a/patterns/box-author.php b/patterns/box-author.php
@@ -22,6 +22,6 @@
 
 <!-- wp:social-link {"url":"#","service":"linkedin"} /-->
 
-<!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
+<!-- wp:social-link {"url":"#","service":"x"} /--></ul>
 <!-- /wp:social-links --></div>
 <!-- /wp:group -->
diff --git a/patterns/box-cta-cover-featured-aside.php b/patterns/box-cta-cover-featured-aside.php
@@ -0,0 +1,35 @@
+<?php
+// phpcs:ignore
+/**
+ * Title: Call to action box - Featured aside, in a gradient cover
+ * Slug: icecubo/box-cta-cover-featured-aside
+ * Categories: icecubo-box
+ */
+?>
+<!-- wp:cover {"dimRatio":30,"isUserOverlayColor":true,"minHeight":100,"gradient":"primary-to-transparent-gradual-radial","isDark":false,"metadata":{"categories":["icecubo-section"],"patternName":"icecubo/section-cover-numbers","name":"Cover - accent numbers."},"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","right":"0","left":"var:preset|spacing|large"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"20px"}},"className":"is-light"} -->
+<div class="wp-block-cover alignwide is-light" style="border-radius:20px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:var(--wp--preset--spacing--large);min-height:100px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim has-background-gradient has-primary-to-transparent-gradual-radial-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|x-small"}}},"textColor":"classy-3"} -->
+<h2 class="wp-block-heading has-classy-3-color has-text-color" style="margin-top:var(--wp--preset--spacing--x-small)">Lorem ipsum dolor sit amet consectetur!</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|xxx-small"}}}} -->
+<p style="margin-top:var(--wp--preset--spacing--xxx-small)">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center"} -->
+<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"categories":["icecubo-box"],"patternName":"icecubo/box-in-group","name":"Basic group box"},"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|x-large","top":"var:preset|spacing|x-large","right":"var:preset|spacing|medium","left":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|large"}},"backgroundColor":"primary-light","textColor":"darko-down-bottom","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-darko-down-bottom-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:paragraph -->
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"classy-3","textColor":"white","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} -->
+<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-classy-3-background-color has-text-color has-background has-link-color wp-element-button">Learn more →</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div></div>
+<!-- /wp:cover -->