fix: align CSS variables with plan naming (--color-primary, --font-heading, --font-body)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -12,7 +12,7 @@ if ( ! defined( 'ABSPATH' ) ) {
|
|||||||
exit;
|
exit;
|
||||||
}
|
}
|
||||||
|
|
||||||
add_action( 'wp_enqueue_scripts', 'bitwms_enqueue_scripts' );
|
add_action( 'wp_enqueue_scripts', 'bitwms_enqueue_scripts', 20 );
|
||||||
|
|
||||||
function bitwms_enqueue_scripts() {
|
function bitwms_enqueue_scripts() {
|
||||||
$theme_version = wp_get_theme()->get( 'Version' );
|
$theme_version = wp_get_theme()->get( 'Version' );
|
||||||
|
|||||||
@@ -39,12 +39,15 @@ Text Domain: bitwms-child
|
|||||||
:root {
|
:root {
|
||||||
/* --- Colors --- */
|
/* --- Colors --- */
|
||||||
--color-white: #FFFFFF;
|
--color-white: #FFFFFF;
|
||||||
--color-pink: #E50071; /* Pantone 213 C, RGB 229 0 113 — primary corporate */
|
--color-primary: #E50071; /* Pantone 213 C, RGB 229 0 113 — primary corporate */
|
||||||
--color-black: #000000;
|
--color-black: #000000;
|
||||||
--color-gray-light: #EBEBEB; /* RGB 235 235 235 — secondary */
|
--color-gray-light: #EBEBEB; /* RGB 235 235 235 — secondary */
|
||||||
|
--color-gray-text: #666666;
|
||||||
|
|
||||||
/* --- Typography --- */
|
/* --- Typography --- */
|
||||||
--font-family-base: 'Suisse Intl', Arial, sans-serif;
|
--font-family-base: 'Suisse Intl', Arial, sans-serif;
|
||||||
|
--font-heading: var(--font-family-base);
|
||||||
|
--font-body: var(--font-family-base);
|
||||||
--font-weight-book: 400;
|
--font-weight-book: 400;
|
||||||
--font-weight-bold: 700;
|
--font-weight-bold: 700;
|
||||||
|
|
||||||
@@ -134,7 +137,7 @@ h4 {
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--color-pink);
|
color: var(--color-primary);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color var(--transition-base);
|
transition: color var(--transition-base);
|
||||||
}
|
}
|
||||||
@@ -146,7 +149,7 @@ a:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a:focus-visible {
|
a:focus-visible {
|
||||||
outline: 2px solid var(--color-pink);
|
outline: 2px solid var(--color-primary);
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -209,14 +212,14 @@ ol {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn:focus-visible {
|
.btn:focus-visible {
|
||||||
outline: 2px solid var(--color-pink);
|
outline: 2px solid var(--color-primary);
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Primary — corporate pink fill */
|
/* Primary — corporate pink fill */
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
background-color: var(--color-pink);
|
background-color: var(--color-primary);
|
||||||
border-color: var(--color-pink);
|
border-color: var(--color-primary);
|
||||||
color: var(--color-white);
|
color: var(--color-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user