Changeset 56764 for trunk/src/wp-content/themes/twentytwentyfour/functions.php

Timestamp:

10/03/2023 03:12:30 PM (12 months ago)

Author:

hellofromTonya

Message:

Bundled Themes: Update TT4 for 6.4 Beta 2.

Twenty Twenty-Four (TT4) updates for 6.4 Beta 2.

Changes include bugfixes from the theme's development repo since Beta 1 such as:

• Renamed patterns and images
• Improved image descriptions
• Polished a few of the templates to fit better the design
• Addressed some a11y concerns.
• Changed the required version to 6.4, aligning it with the last few default themes since we are making use of some of the features that will make it to 6.4, such as aspect ratio.

Follow-up to [56726], [56721], [56716].

Props onemaggie, desrosj, mukesh27.
Fixes #59524.

File:

• trunk/src/wp-content/themes/twentytwentyfour/functions.php (modified) (6 diffs)

trunk/src/wp-content/themes/twentytwentyfour/functions.php

@@ -1 +1 @@
 <?php
 /**
- * Twenty Twenty Four functions and definitions
+ * Twenty Twenty-Four functions and definitions
  *
  * @link https://developer.wordpress.org/themes/basics/theme-functions/
@@ -34 +34 @@
             array(
                 'handle' => 'twentytwentyfour-button-style-outline',
-                'src'    => get_template_directory_uri() . '/assets/css/button-outline.css',
+                'src'    => get_theme_file_uri( 'assets/css/button-outline.css' ),
                 'ver'    => wp_get_theme()->get( 'Version' ),
+                'path'   => get_theme_file_path( 'assets/css/button-outline.css' ),
             )
         );
-
-        /**
-         * Add the `path` data to our stylesheet.
-         *
-         * This will let WordPress determine the best loading strategy for the stylesheet:
-         * Small stylesheets will get inlined, while larger stylesheets will be loaded separately.
-         *
-         * See https://make.wordpress.org/core/2021/07/01/block-styles-loading-enhancements-in-wordpress-5-8/#inlining-small-assets for more info.
-         */
-        wp_style_add_data( 'twentytwentyfour-button-style-outline', 'path', get_theme_file_path( 'assets/css/button-outline.css' ) );
 
         register_block_style(
@@ -64 +55 @@
                     border-bottom: 1px solid rgba(255, 255, 255, 0.20);
                 }
-                
+
                 .is-style-arrow-icon-details summary {
                     list-style-type: "\2193\00a0\00a0\00a0";
                 }
-                
+
                 .is-style-arrow-icon-details[open]>summary {
                     list-style-type: "\2192\00a0\00a0\00a0";
@@ -91 +82 @@
                     border-radius: var(--wp--preset--spacing--20);
                 }
-                
+
                 .is-style-pill a:hover {
                     background-color: var(--wp--preset--color--contrast-3);
@@ -110 +101 @@
                     list-style-type: "\2713";
                 }
-                
+
                 ul.is-style-checkmark-list li {
                     padding-inline-start: 1ch;
+                }',
+            )
+        );
+        register_block_style(
+            'core/navigation-link',
+            array(
+                'name'         => 'arrow-link',
+                'label'        => __( 'With arrow', 'twentytwentyfour' ),
+                /*
+                 * Styles for the custom arrow nav link block style
+                 */
+                'inline_style' => '
+                .is-style-arrow-link .wp-block-navigation-item__label:after {
+                    content: "\2197";
+                    padding-inline-start: 0.25rem;
+                    vertical-align: middle;
+                    text-decoration: none;
+                    display: inline-block;
                 }',
             )
@@ -130 +139 @@
                     display: block;
                 }
-                
+
+                /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */
+                .is-style-asterisk:empty:before {
+                    content: none;
+                }
+
+                .is-style-asterisk:-moz-only-whitespace:before {
+                    content: none;
+                }
+
                 .is-style-asterisk.has-text-align-center:before {
                     margin: 0 auto;
                 }
-                
+
                 .is-style-asterisk.has-text-align-right:before {
                     margin-left: auto;
                 }
-                
+
                 .rtl .is-style-asterisk.has-text-align-left:before {
                     margin-right: auto;