Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/instructions/wpcs-css.instructions.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
file_type: "instructions"
applyTo: ["**/*.css", "**/*.scss", "**/*.sass"]
applyTo: "**/*.css, **/*.scss, **/*.sass"
description: "Enforce WordPress CSS coding standards, naming, specificity and formatting."
lastUpdated: "2025-10-19"
version: "1.0"
Expand Down
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file added assets/fonts/rubik/Rubik-VariableFont_wght.woff2
Binary file not shown.
Binary file added assets/fonts/ubuntu/Ubuntu-300-normal.woff2
Binary file not shown.
Binary file added assets/fonts/ubuntu/Ubuntu-400-normal.woff2
Binary file not shown.
Binary file added assets/fonts/ubuntu/Ubuntu-500-normal.woff2
Binary file not shown.
Binary file added assets/fonts/ubuntu/Ubuntu-700-normal.woff2
Binary file not shown.
12 changes: 6 additions & 6 deletions functions.php
Original file line number Diff line number Diff line change
Expand Up @@ -86,12 +86,12 @@ function ma_theme_enqueue_editor_assets() {
$editor_asset_file = get_theme_file_path( 'build/css/editor-style.asset.php' );
if ( file_exists( $editor_asset_file ) ) {
$editor_asset = include $editor_asset_file;
wp_enqueue_style(
'ma-theme-editor-style',
get_theme_file_uri( 'build/css/editor-style.css' ),
$editor_asset['dependencies'] ?? array(),
$editor_asset['version'] ?? MA_THEME_VERSION
);
wp_enqueue_style(
'ma-theme-editor-style',
get_theme_file_uri( 'build/css/editor-style.css' ),
array_merge( array( 'wp-block-editor' ), $editor_asset['dependencies'] ?? array() ),
$editor_asset['version'] ?? MA_THEME_VERSION
);
}

// Enqueue editor JavaScript.
Expand Down
38 changes: 19 additions & 19 deletions inc/block-patterns.php
Original file line number Diff line number Diff line change
Expand Up @@ -22,20 +22,20 @@ function ma_theme_register_hero_pattern() {
'description' => __( 'A large hero section with heading, text, and button.', 'ma-theme' ),
'categories' => array( 'ma-theme-hero' ),
'keywords' => array( 'hero', 'banner', 'header' ),
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"}}},"backgroundColor":"primary","textColor":"background","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)">
<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"xx-large"} -->
<h1 class="wp-block-heading has-text-align-center has-xx-large-font-size">{{hero_title}}</h1>
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|90","bottom":"var:preset|spacing|90"}}},"backgroundColor":"information-foreground","textColor":"error-background","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-color has-information-foreground-background-color has-text-color has-error-background-color" style="padding-top:var(--wp--preset--spacing--90);padding-bottom:var(--wp--preset--spacing--90)">
<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"700"} -->
<h1 class="wp-block-heading has-text-align-center has-700-font-size">{{hero_title}}</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">{{hero_description}}</p>
<!-- wp:paragraph {"align":"center","fontSize":"500"} -->
<p class="has-text-align-center has-500-font-size">{{hero_description}}</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--medium)">
<!-- wp:button {"backgroundColor":"background","textColor":"primary","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button">{{hero_button_text}}</a></div>
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|90"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--90)">
<!-- wp:button {"backgroundColor":"error-background","textColor":"information-foreground","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-information-foreground-color has-error-background-background-color has-text-color has-error-background-color wp-element-button">{{hero_button_text}}</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand All @@ -57,8 +57,8 @@ function ma_theme_register_cta_pattern() {
'description' => __( 'A call to action section with heading and button.', 'ma-theme' ),
'categories' => array( 'ma-theme-cta' ),
'keywords' => array( 'cta', 'call to action', 'button' ),
'content' => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"}},"border":{"width":"1px","style":"solid"}},"borderColor":"neutral","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-border-color has-neutral-border-color" style="border-style:solid;border-width:1px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--medium)">
'content' => '<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|90","bottom":"var:preset|spacing|90","left":"var:preset|spacing|90","right":"var:preset|spacing|90"}},"border":{"width":"1px","style":"solid"}},"borderColor":"neutral-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-border-color has-neutral-900-border-color" style="border-style:solid;border-width:1px;padding-top:var(--wp--preset--spacing--90);padding-right:var(--wp--preset--spacing--90);padding-bottom:var(--wp--preset--spacing--90);padding-left:var(--wp--preset--spacing--90)">
<!-- wp:heading {"textAlign":"center","level":2} -->
<h2 class="wp-block-heading has-text-align-center">{{cta_title}}</h2>
<!-- /wp:heading -->
Expand Down Expand Up @@ -102,7 +102,7 @@ function ma_theme_register_team_pattern() {
<p class="has-text-align-center">{{team_description}}</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|medium"}}}} -->
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|90","left":"var:preset|spacing|90"}}}} -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
Expand All @@ -114,8 +114,8 @@ function ma_theme_register_team_pattern() {
<h3 class="wp-block-heading has-text-align-center">{{team_member_1_name}}</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"neutral"} -->
<p class="has-text-align-center has-neutral-color has-text-color">{{team_member_1_role}}</p>
<!-- wp:paragraph {"align":"center","textColor":"neutral-900"} -->
<p class="has-text-align-center has-neutral-900-color has-text-color">{{team_member_1_role}}</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
Expand All @@ -130,8 +130,8 @@ function ma_theme_register_team_pattern() {
<h3 class="wp-block-heading has-text-align-center">{{team_member_2_name}}</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"neutral"} -->
<p class="has-text-align-center has-neutral-color has-text-color">{{team_member_2_role}}</p>
<!-- wp:paragraph {"align":"center","textColor":"neutral-900"} -->
<p class="has-text-align-center has-neutral-900-color has-text-color">{{team_member_2_role}}</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
Expand All @@ -146,8 +146,8 @@ function ma_theme_register_team_pattern() {
<h3 class="wp-block-heading has-text-align-center">{{team_member_3_name}}</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"neutral"} -->
<p class="has-text-align-center has-neutral-color has-text-color">{{team_member_3_role}}</p>
<!-- wp:paragraph {"align":"center","textColor":"neutral-900"} -->
<p class="has-text-align-center has-neutral-900-color has-text-color">{{team_member_3_role}}</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
Expand Down
8 changes: 4 additions & 4 deletions patterns/404-content.php
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,8 @@
<h1 class="wp-block-heading has-text-align-center" id="error-title" style="margin-bottom:var(--wp--preset--spacing--30)"><?php echo esc_html( $heading_text ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"large","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
<p class="has-text-align-center has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--40)"><?php echo esc_html( $description_text ); ?></p>
<!-- wp:paragraph {"align":"center","fontSize":"500","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
<p class="has-text-align-center has-500-font-size" style="margin-bottom:var(--wp--preset--spacing--40)"><?php echo esc_html( $description_text ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"<?php echo esc_attr( $search_label ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr( $search_placeholder ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_attr( $search_label ); ?>","buttonPosition":"button-inside","buttonUseIcon":true,"align":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}}} /-->
Expand All @@ -48,11 +48,11 @@
<article class="wp-block-group">
<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"16/9","style":{"border":{"radius":"4px"}}} /-->

<!-- wp:post-title {"isLink":true,"level":3,"fontSize":"medium"} /-->
<!-- wp:post-title {"isLink":true,"level":3,"fontSize":"400"} /-->

<!-- wp:post-excerpt {"excerptLength":20} /-->

<!-- wp:post-date {"isLink":true,"fontSize":"small"} /-->
<!-- wp:post-date {"isLink":true,"fontSize":"300"} /-->
</article>
<!-- /wp:group -->
<!-- /wp:post-template -->
Expand Down
2 changes: 1 addition & 1 deletion patterns/author-header.php
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,6 @@

<!-- wp:avatar {"size":120,"isLink":false,"align":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} /-->

<!-- wp:post-author-biography {"textAlign":"center","style":{"typography":{"lineHeight":"1.7"}},"fontSize":"medium"} /-->
<!-- wp:post-author-biography {"textAlign":"center","style":{"typography":{"lineHeight":"1.7"}},"fontSize":"400"} /-->
</div>
<!-- /wp:group -->
12 changes: 6 additions & 6 deletions patterns/call-to-action.php
Original file line number Diff line number Diff line change
Expand Up @@ -16,20 +16,20 @@
$cta_description = esc_html__( 'Join thousands of satisfied customers who have already taken the first step. Start your journey today.', 'ma-theme' );
$cta_button = esc_html__( 'Get Started Now', 'ma-theme' );
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"backgroundColor":"primary","textColor":"background","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"backgroundColor":"information-foreground","textColor":"error-background","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background-color has-information-foreground-background-color has-text-color has-error-background-color" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
<!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} -->
<h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--20)"><?php echo esc_html( $cta_title ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"medium","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<p class="has-text-align-center has-medium-font-size" style="margin-bottom:var(--wp--preset--spacing--30)"><?php echo esc_html( $cta_description ); ?></p>
<!-- wp:paragraph {"align":"center","fontSize":"400","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<p class="has-text-align-center has-400-font-size" style="margin-bottom:var(--wp--preset--spacing--30)"><?php echo esc_html( $cta_description ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"background","textColor":"primary","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button" href="#"><?php echo esc_html( $cta_button ); ?></a></div>
<!-- wp:button {"backgroundColor":"error-background","textColor":"information-foreground","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-information-foreground-color has-error-background-background-color has-text-color has-error-background-color wp-element-button" href="#"><?php echo esc_html( $cta_button ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/comments.php
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<!-- wp:comments-title {"level":3} /-->

<!-- wp:comment-template -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)">
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|90"}}}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--90)">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
Expand Down
24 changes: 12 additions & 12 deletions patterns/features.php
Original file line number Diff line number Diff line change
Expand Up @@ -35,10 +35,10 @@
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"8px"}},"backgroundColor":"neutral","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-neutral-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":3,"fontSize":"large"} -->
<h3 class="wp-block-heading has-text-align-center has-large-font-size"><?php echo esc_html( $feature_1_title ); ?></h3>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"8px"}},"backgroundColor":"neutral-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-neutral-900-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":3,"fontSize":"500"} -->
<h3 class="wp-block-heading has-text-align-center has-500-font-size"><?php echo esc_html( $feature_1_title ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
Expand All @@ -51,10 +51,10 @@

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"8px"}},"backgroundColor":"neutral","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-neutral-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":3,"fontSize":"large"} -->
<h3 class="wp-block-heading has-text-align-center has-large-font-size"><?php echo esc_html( $feature_2_title ); ?></h3>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"8px"}},"backgroundColor":"neutral-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-neutral-900-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":3,"fontSize":"500"} -->
<h3 class="wp-block-heading has-text-align-center has-500-font-size"><?php echo esc_html( $feature_2_title ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
Expand All @@ -67,10 +67,10 @@

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"8px"}},"backgroundColor":"neutral","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-neutral-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":3,"fontSize":"large"} -->
<h3 class="wp-block-heading has-text-align-center has-large-font-size"><?php echo esc_html( $feature_3_title ); ?></h3>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"8px"}},"backgroundColor":"neutral-900","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-neutral-900-background-color has-background" style="border-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":3,"fontSize":"500"} -->
<h3 class="wp-block-heading has-text-align-center has-500-font-size"><?php echo esc_html( $feature_3_title ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
Expand Down
Loading
Loading