diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css index 65547ba..36f3762 100644 --- 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 index 127eb72..4350095 100644 --- 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,6 +209,7 @@ 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); @@ -214,6 +217,7 @@ body:not([class*="template-boxed"], [class*="template-blank"]) footer { margin-t .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;} } \ No newline at end of file diff --git a/functions.php b/functions.php index 0710c45..6d09ba0 100644 --- 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 index a3fc711..5c335ca 100644 --- 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 index 82ed0b1..ed7733b 100644 --- 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 index a947081..637ef9a 100644 --- 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 new file mode 100644 index 0000000..f887eee --- /dev/null +++ b/parts/header-hero-gradient-gradual-dark-primary.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/patterns/box-author-2columns.php b/patterns/box-author-2columns.php index 29323eb..b40f980 100644 --- a/patterns/box-author-2columns.php +++ b/patterns/box-author-2columns.php @@ -26,7 +26,7 @@ - + diff --git a/patterns/box-author.php b/patterns/box-author.php index 2349bf7..f93fbab 100644 --- a/patterns/box-author.php +++ b/patterns/box-author.php @@ -22,6 +22,6 @@ - + \ No newline at end of file diff --git a/patterns/box-cta-cover-featured-aside.php b/patterns/box-cta-cover-featured-aside.php new file mode 100644 index 0000000..6c1b1a1 --- /dev/null +++ b/patterns/box-cta-cover-featured-aside.php @@ -0,0 +1,35 @@ + + +
+
+
+

Lorem ipsum dolor sit amet consectetur!

+ + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + + +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ + + + +
+
+
+
+ \ No newline at end of file diff --git a/patterns/box-cta-cover-focus-2.php b/patterns/box-cta-cover-focus-2.php new file mode 100644 index 0000000..c16f43d --- /dev/null +++ b/patterns/box-cta-cover-focus-2.php @@ -0,0 +1,35 @@ + + +
+
+
+

Lorem ipsum dolor sit amet consectetur!

+ + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + + +
+ +
+
+
+ \ No newline at end of file diff --git a/patterns/box-cta-cover-focus.php b/patterns/box-cta-cover-focus.php new file mode 100644 index 0000000..ef93e10 --- /dev/null +++ b/patterns/box-cta-cover-focus.php @@ -0,0 +1,35 @@ + + +
+
+
+ + + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + + +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ + + + +
+
+
+
+ \ No newline at end of file diff --git a/patterns/box-cta-sticky-column.php b/patterns/box-cta-sticky-column.php index 0649437..a327849 100644 --- a/patterns/box-cta-sticky-column.php +++ b/patterns/box-cta-sticky-column.php @@ -2,7 +2,7 @@ // phpcs:ignore /** * Title: Sticky column - with a call to action - * Slug: icecubo/box-sticky-column + * Slug: icecubo/box-cta-sticky-column * Categories: icecubo-box */ ?> @@ -25,8 +25,8 @@ - -
+ +