+
+
@@ -86,8 +86,8 @@
-
-
+
+
diff --git a/src/css/editor.css b/src/css/editor.css
new file mode 100644
index 0000000..4741b79
--- /dev/null
+++ b/src/css/editor.css
@@ -0,0 +1,32 @@
+/**
+ * Editor-specific styles
+ */
+/* Import WordPress editor styles */
+@import "../../node_modules/@wordpress/block-editor/build-style/style.css";
+/* Editor overrides */
+.block-editor-writing-flow {
+ font-family: var(--wp--preset--font-family--body);
+}
+
+/* Block toolbar customizations */
+.block-editor-block-toolbar {
+ border-radius: 4px;
+}
+
+/* Block controls */
+.block-editor-block-controls .components-toolbar-group {
+ border-radius: 4px;
+}
+
+/* Inspector controls */
+.block-editor-block-inspector .components-panel__header {
+ background: var(--wp--preset--color--error-background);
+ border-bottom: 1px solid var(--wp--preset--color--neutral-900);
+}
+
+/* Template part highlighting */
+.wp-block-template-part.is-selected {
+ outline: 2px solid var(--wp--preset--color--information-foreground);
+ outline-offset: 2px;
+}
+/*# sourceMappingURL=editor.css.map */
\ No newline at end of file
diff --git a/src/css/editor.css.map b/src/css/editor.css.map
new file mode 100644
index 0000000..ad6dfc7
--- /dev/null
+++ b/src/css/editor.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["editor.scss","editor.css"],"names":[],"mappings":"AAAA;;EAAA;AAIA,mCAAA;AACQ,0EAAA;AAER,qBAAA;AACA;EACC,iDAAA;ACDD;;ADIA,iCAAA;AACA;EACC,kBAAA;ACDD;;ADIA,mBAAA;AAGC;EACC,kBAAA;ACHF;;ADOA,uBAAA;AAGC;EACC,sDAAA;EACA,8DAAA;ACNF;;ADUA,+BAAA;AAGC;EACC,mEAAA;EACA,mBAAA;ACTF","file":"editor.css"}
\ No newline at end of file
diff --git a/src/css/editor.min.css b/src/css/editor.min.css
new file mode 100644
index 0000000..bb675ce
--- /dev/null
+++ b/src/css/editor.min.css
@@ -0,0 +1,2 @@
+.block-editor-writing-flow{font-family:var(--wp--preset--font-family--body)}.block-editor-block-toolbar{border-radius:4px}.block-editor-block-controls .components-toolbar-group{border-radius:4px}.block-editor-block-inspector .components-panel__header{background:var(--wp--preset--color--error-background);border-bottom:1px solid var(--wp--preset--color--neutral-900)}.wp-block-template-part.is-selected{outline:2px solid var(--wp--preset--color--information-foreground);outline-offset:2px}
+/*# sourceMappingURL=editor.min.css.map */
\ No newline at end of file
diff --git a/src/css/editor.min.css.map b/src/css/editor.min.css.map
new file mode 100644
index 0000000..13f940e
--- /dev/null
+++ b/src/css/editor.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["editor.scss"],"names":[],"mappings":"AAKQ,yEAAA,CAGR,2BACC,gDAAA,CAID,4BACC,iBAAA,CAMA,uDACC,iBAAA,CAOD,wDACC,qDAAA,CACA,6DAAA,CAOD,oCACC,kEAAA,CACA,kBAAA","file":"editor.min.css"}
\ No newline at end of file
diff --git a/src/css/editor.scss b/src/css/editor.scss
index 8660af3..90e438b 100644
--- a/src/css/editor.scss
+++ b/src/css/editor.scss
@@ -27,8 +27,8 @@
.block-editor-block-inspector {
.components-panel__header {
- background: var(--wp--preset--color--background);
- border-bottom: 1px solid var(--wp--preset--color--neutral);
+ background: var(--wp--preset--color--error-background);
+ border-bottom: 1px solid var(--wp--preset--color--neutral-900);
}
}
@@ -36,7 +36,7 @@
.wp-block-template-part {
&.is-selected {
- outline: 2px solid var(--wp--preset--color--primary);
+ outline: 2px solid var(--wp--preset--color--information-foreground);
outline-offset: 2px;
}
}
diff --git a/src/css/style.css b/src/css/style.css
new file mode 100644
index 0000000..f5dd6da
--- /dev/null
+++ b/src/css/style.css
@@ -0,0 +1,141 @@
+/**
+ * Main theme styles
+ */
+/* Import WordPress block styles */
+@import "../../node_modules/@wordpress/block-library/build-style/style.css";
+@import "../../node_modules/@wordpress/block-library/build-style/theme.css";
+/* Custom theme styles */
+/* Body and typography */
+body {
+ line-height: 1.6;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* Accessibility improvements */
+.screen-reader-text {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute !important;
+ width: 1px;
+ word-wrap: normal !important;
+}
+
+.screen-reader-text:focus {
+ background-color: #f1f1f1;
+ border-radius: 3px;
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ -webkit-clip-path: none;
+ clip-path: none;
+ color: #21759b;
+ display: block;
+ font-size: 0.875rem;
+ font-weight: 700;
+ height: auto;
+ left: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000;
+}
+
+/* Button styles */
+/* stylelint-disable no-descending-specificity */
+.wp-block-button.is-style-outline .wp-block-button__link {
+ border: 2px solid currentcolor;
+ background: transparent;
+}
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+ background: currentcolor;
+ color: var(--wp--preset--color--focus-foreground);
+}
+.wp-block-button.is-style-ghost .wp-block-button__link {
+ background: transparent;
+ color: inherit;
+ text-decoration: underline;
+ border: none;
+}
+.wp-block-button.is-style-ghost .wp-block-button__link:hover {
+ text-decoration: none;
+}
+
+/* stylelint-enable no-descending-specificity */
+/* Quote styles */
+.wp-block-quote.is-style-modern {
+ border-left: none;
+ padding-left: 0;
+ position: relative;
+}
+.wp-block-quote.is-style-modern::before {
+ content: '"';
+ font-size: 4rem;
+ line-height: 1;
+ color: var(--wp--preset--color--information-foreground);
+ position: absolute;
+ top: -1rem;
+ left: -1rem;
+}
+.wp-block-quote.is-style-modern p {
+ font-style: italic;
+ font-size: 1.25rem;
+ margin-left: 2rem;
+}
+
+/* Group styles */
+.wp-block-group.is-style-shadow {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ border-radius: 0.5rem;
+ padding: var(--wp--preset--spacing--90);
+}
+.wp-block-group.is-style-border {
+ border: 1px solid var(--wp--preset--color--neutral-900);
+ border-radius: 0.5rem;
+ padding: var(--wp--preset--spacing--90);
+}
+
+/* Image styles */
+.wp-block-image.is-style-rounded img {
+ border-radius: 0.5rem;
+}
+
+/* Post title styles */
+.wp-block-post-title.is-style-gradient {
+ background: var(--wp--preset--color--information-foreground);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+}
+
+/* Navigation improvements */
+.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
+ padding: var(--wp--preset--spacing--90);
+}
+
+/* Skip link */
+.skip-link {
+ position: absolute;
+ left: -9999px;
+ z-index: 999999999;
+ text-decoration: none;
+}
+.skip-link:focus {
+ left: 6px;
+ top: 7px;
+ z-index: 999999;
+ padding: 8px 16px;
+ background: var(--wp--preset--color--focus-background);
+ color: var(--wp--preset--color--focus-foreground);
+ text-decoration: none;
+ border-radius: 3px;
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+}
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/src/css/style.css.map b/src/css/style.css.map
new file mode 100644
index 0000000..86625d2
--- /dev/null
+++ b/src/css/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;;EAAA;AAIA,kCAAA;AACQ,2EAAA;AACA,2EAAA;AAER,wBAAA;AAEA,wBAAA;AACA;EACC,gBAAA;EACA,mCAAA;EACA,kCAAA;ACFD;;ADKA,+BAAA;AACA;EACC,SAAA;EACA,8BAAA;EACA,6BAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,6BAAA;EACA,UAAA;EACA,4BAAA;ACFD;;ADKA;EACC,yBAAA;EACA,kBAAA;EACA,0CAAA;EACA,qBAAA;EACA,uBAAA;EACA,eAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,YAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,qBAAA;EACA,QAAA;EACA,WAAA;EACA,eAAA;ACFD;;ADKA,kBAAA;AACA,gDAAA;AAKE;EACC,8BAAA;EACA,uBAAA;ACNH;ADQG;EACC,wBAAA;EACA,iDAAA;ACNJ;ADaE;EACC,uBAAA;EACA,cAAA;EACA,0BAAA;EACA,YAAA;ACXH;ADaG;EACC,qBAAA;ACXJ;;ADiBA,+CAAA;AAEA,iBAAA;AAGC;EACC,iBAAA;EACA,eAAA;EACA,kBAAA;ACjBF;ADmBE;EACC,YAAA;EACA,eAAA;EACA,cAAA;EACA,uDAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;ACjBH;ADoBE;EACC,kBAAA;EACA,kBAAA;EACA,iBAAA;AClBH;;ADuBA,iBAAA;AAGC;EACC,iFACC;EAED,qBAAA;EACA,uCAAA;ACxBF;AD2BC;EACC,uDAAA;EACA,qBAAA;EACA,uCAAA;ACzBF;;AD6BA,iBAAA;AAKE;EACC,qBAAA;AC9BH;;ADmCA,sBAAA;AAGC;EACC,4DAAA;EACA,6BAAA;EACA,oCAAA;EACA,qBAAA;AClCF;;ADsCA,4BAAA;AAGC;EACC,uCAAA;ACrCF;;ADyCA,cAAA;AACA;EACC,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,qBAAA;ACtCD;ADwCC;EACC,SAAA;EACA,QAAA;EACA,eAAA;EACA,iBAAA;EACA,sDAAA;EACA,iDAAA;EACA,qBAAA;EACA,kBAAA;EACA,0CAAA;ACtCF","file":"style.css"}
\ No newline at end of file
diff --git a/src/css/style.min.css b/src/css/style.min.css
new file mode 100644
index 0000000..5cde4bc
--- /dev/null
+++ b/src/css/style.min.css
@@ -0,0 +1,2 @@
+@import"../../node_modules/@wordpress/block-library/build-style/style.css";@import"../../node_modules/@wordpress/block-library/build-style/theme.css";body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-button.is-style-outline .wp-block-button__link{border:2px solid currentcolor;background:rgba(0,0,0,0)}.wp-block-button.is-style-outline .wp-block-button__link:hover{background:currentcolor;color:var(--wp--preset--color--focus-foreground)}.wp-block-button.is-style-ghost .wp-block-button__link{background:rgba(0,0,0,0);color:inherit;text-decoration:underline;border:none}.wp-block-button.is-style-ghost .wp-block-button__link:hover{text-decoration:none}.wp-block-quote.is-style-modern{border-left:none;padding-left:0;position:relative}.wp-block-quote.is-style-modern::before{content:'"';font-size:4rem;line-height:1;color:var(--wp--preset--color--information-foreground);position:absolute;top:-1rem;left:-1rem}.wp-block-quote.is-style-modern p{font-style:italic;font-size:1.25rem;margin-left:2rem}.wp-block-group.is-style-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:.5rem;padding:var(--wp--preset--spacing--90)}.wp-block-group.is-style-border{border:1px solid var(--wp--preset--color--neutral-900);border-radius:.5rem;padding:var(--wp--preset--spacing--90)}.wp-block-image.is-style-rounded img{border-radius:.5rem}.wp-block-post-title.is-style-gradient{background:var(--wp--preset--color--information-foreground);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{padding:var(--wp--preset--spacing--90)}.skip-link{position:absolute;left:-9999px;z-index:999999999;text-decoration:none}.skip-link:focus{left:6px;top:7px;z-index:999999;padding:8px 16px;background:var(--wp--preset--color--focus-background);color:var(--wp--preset--color--focus-foreground);text-decoration:none;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6)}
+/*# sourceMappingURL=style.min.css.map */
\ No newline at end of file
diff --git a/src/css/style.min.css.map b/src/css/style.min.css.map
new file mode 100644
index 0000000..9f95ff9
--- /dev/null
+++ b/src/css/style.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAKQ,0EAAA,CACA,0EAAA,CAKR,KACC,eAAA,CACA,kCAAA,CACA,iCAAA,CAID,oBACC,QAAA,CACA,6BAAA,CACA,4BAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,SAAA,CACA,4BAAA,CACA,SAAA,CACA,2BAAA,CAGD,0BACC,wBAAA,CACA,iBAAA,CACA,qCAAA,CACA,oBAAA,CACA,sBAAA,CACA,cAAA,CACA,aAAA,CACA,aAAA,CACA,iBAAA,CACA,eAAA,CACA,WAAA,CACA,QAAA,CACA,kBAAA,CACA,sBAAA,CACA,oBAAA,CACA,OAAA,CACA,UAAA,CACA,cAAA,CASC,yDACC,6BAAA,CACA,wBAAA,CAEA,+DACC,uBAAA,CACA,gDAAA,CAOF,uDACC,wBAAA,CACA,aAAA,CACA,yBAAA,CACA,WAAA,CAEA,6DACC,oBAAA,CAWH,gCACC,gBAAA,CACA,cAAA,CACA,iBAAA,CAEA,wCACC,WAAA,CACA,cAAA,CACA,aAAA,CACA,sDAAA,CACA,iBAAA,CACA,SAAA,CACA,UAAA,CAGD,kCACC,iBAAA,CACA,iBAAA,CACA,gBAAA,CAQF,gCACC,uEACC,CAED,mBAAA,CACA,sCAAA,CAGD,gCACC,sDAAA,CACA,mBAAA,CACA,sCAAA,CASA,qCACC,mBAAA,CAQF,uCACC,2DAAA,CACA,4BAAA,CACA,qCAAA,CACA,oBAAA,CAOD,6EACC,sCAAA,CAKF,WACC,iBAAA,CACA,YAAA,CACA,iBAAA,CACA,oBAAA,CAEA,iBACC,QAAA,CACA,OAAA,CACA,cAAA,CACA,gBAAA,CACA,qDAAA,CACA,gDAAA,CACA,oBAAA,CACA,iBAAA,CACA,qCAAA","file":"style.min.css"}
\ No newline at end of file
diff --git a/src/css/style.scss b/src/css/style.scss
index 38c527b..4cf40c5 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -7,23 +7,6 @@
@import "../../node_modules/@wordpress/block-library/build-style/theme.css";
/* Custom theme styles */
-:root {
-
- /* Custom properties for theme colors */
- --theme-primary: var(--wp--preset--color--primary);
- --theme-secondary: var(--wp--preset--color--secondary);
- --theme-background: var(--wp--preset--color--background);
- --theme-foreground: var(--wp--preset--color--foreground);
- --theme-accent: var(--wp--preset--color--accent);
- --theme-neutral: var(--wp--preset--color--neutral);
-
- /* Custom properties for spacing */
- --theme-spacing-xs: var(--wp--preset--spacing--x-small);
- --theme-spacing-sm: var(--wp--preset--spacing--small);
- --theme-spacing-md: var(--wp--preset--spacing--medium);
- --theme-spacing-lg: var(--wp--preset--spacing--large);
- --theme-spacing-xl: var(--wp--preset--spacing--x-large);
-}
/* Body and typography */
body {
@@ -70,7 +53,6 @@ body {
/* Button styles */
/* stylelint-disable no-descending-specificity */
-
.wp-block-button {
&.is-style-outline {
@@ -81,7 +63,7 @@ body {
&:hover {
background: currentcolor;
- color: var(--wp--preset--color--background);
+ color: var(--wp--preset--color--focus-foreground);
}
}
}
@@ -115,7 +97,7 @@ body {
content: '"';
font-size: 4rem;
line-height: 1;
- color: var(--wp--preset--color--primary);
+ color: var(--wp--preset--color--information-foreground);
position: absolute;
top: -1rem;
left: -1rem;
@@ -137,13 +119,13 @@ body {
0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -1px rgba(0, 0, 0, 0.06);
border-radius: 0.5rem;
- padding: var(--wp--preset--spacing--medium);
+ padding: var(--wp--preset--spacing--90);
}
&.is-style-border {
- border: 1px solid var(--wp--preset--color--neutral);
+ border: 1px solid var(--wp--preset--color--neutral-900);
border-radius: 0.5rem;
- padding: var(--wp--preset--spacing--medium);
+ padding: var(--wp--preset--spacing--90);
}
}
@@ -162,7 +144,7 @@ body {
.wp-block-post-title {
&.is-style-gradient {
- background: var(--wp--preset--gradient--primary-to-secondary);
+ background: var(--wp--preset--color--information-foreground);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -173,7 +155,7 @@ body {
.wp-block-navigation {
.wp-block-navigation__responsive-container.is-menu-open {
- padding: var(--wp--preset--spacing--medium);
+ padding: var(--wp--preset--spacing--90);
}
}
@@ -189,8 +171,8 @@ body {
top: 7px;
z-index: 999999;
padding: 8px 16px;
- background: var(--wp--preset--color--background);
- color: var(--wp--preset--color--foreground);
+ background: var(--wp--preset--color--focus-background);
+ color: var(--wp--preset--color--focus-foreground);
text-decoration: none;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
diff --git a/styles/blocks/button-primary.json b/styles/blocks/button-primary.json
deleted file mode 100644
index 6189a95..0000000
--- a/styles/blocks/button-primary.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
- "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
- "version": 3,
- "title": "{{button_style_primary_title}}",
- "styles": {
- "blocks": {
- "core/button": {
- "color": {
- "background": "var(--wp--preset--color--cta)",
- "text": "var(--wp--preset--color--base)"
- },
- "border": {
- "radius": "0"
- },
- "typography": {
- "fontWeight": "700",
- "textTransform": "uppercase",
- "letterSpacing": "0.05em"
- },
- "spacing": {
- "padding": {
- "top": "1em",
- "right": "2em",
- "bottom": "1em",
- "left": "2em"
- }
- },
- ":hover": {
- "color": {
- "background": "var(--wp--preset--color--primary-dark)"
- }
- },
- ":active": {
- "color": {
- "background": "var(--wp--preset--color--primary-dark)"
- }
- },
- ":focus": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
- }
- },
- ":focus-visible": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
- }
- }
- }
- }
- },
- "css": ".wp-block-button__link { transition: all 0.2s ease; }"
-}
diff --git a/styles/blocks/button-rounded.json b/styles/blocks/button-rounded.json
deleted file mode 100644
index 929e802..0000000
--- a/styles/blocks/button-rounded.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
- "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
- "version": 3,
- "title": "{{button_style_rounded_title}}",
- "styles": {
- "blocks": {
- "core/button": {
- "color": {
- "background": "var(--wp--preset--color--cta)",
- "text": "var(--wp--preset--color--base)"
- },
- "border": {
- "radius": "50px"
- },
- "typography": {
- "fontWeight": "500"
- },
- "spacing": {
- "padding": {
- "top": "0.75em",
- "right": "1.5em",
- "bottom": "0.75em",
- "left": "1.5em"
- }
- },
- ":hover": {
- "color": {
- "background": "var(--wp--preset--color--primary-dark)"
- }
- },
- ":active": {
- "color": {
- "background": "var(--wp--preset--color--primary-dark)"
- }
- },
- ":focus": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
- }
- },
- ":focus-visible": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
- }
- }
- }
- }
- },
- "css": ".wp-block-button__link { transition: all 0.2s ease; }"
-}
diff --git a/styles/blocks/heading-serif.json b/styles/blocks/heading-serif.json
deleted file mode 100644
index a93e473..0000000
--- a/styles/blocks/heading-serif.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
- "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
- "version": 3,
- "title": "{{heading_style_serif_title}}",
- "styles": {
- "blocks": {
- "core/heading": {
- "color": {
- "text": "var(--wp--preset--color--contrast)"
- },
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--serif, Georgia, serif)",
- "fontWeight": "400",
- "lineHeight": "1.2",
- "fontSize": "var(--wp--preset--font-size--600)"
- }
- }
- }
- },
- "css": ".wp-block-heading { font-size: clamp(1.5rem, 5vw, 2.5rem); }"
-}
diff --git a/styles/colors/palette.json b/styles/colors/palette.json
deleted file mode 100644
index 7501e4b..0000000
--- a/styles/colors/palette.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
- "scope": "color",
- "name": "{{namespace}}-palette",
- "label": "{{name}} Colour Palette",
- "description": "Core colour tokens used through the plugin.",
- "colors": {
- "base": "#0f172a",
- "contrast": "#ffffff",
- "primary": "#1e88e5",
- "secondary": "#ffb703",
- "muted": "#64748b"
- }
-}
diff --git a/styles/dark.json b/styles/dark.json
deleted file mode 100644
index 956a99c..0000000
--- a/styles/dark.json
+++ /dev/null
@@ -1,163 +0,0 @@
-{
- "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
- "version": 3,
- "title": "{{dark_mode_title}}",
- "settings": {
- "color": {
- "palette": [
- {
- "slug": "base",
- "color": "{{dark_background_color}}",
- "name": "Base"
- },
- {
- "slug": "contrast",
- "color": "{{dark_text_color}}",
- "name": "Contrast"
- },
- {
- "slug": "primary",
- "color": "{{dark_primary_color}}",
- "name": "Primary"
- },
- {
- "slug": "primary-light",
- "color": "{{dark_primary_light_color}}",
- "name": "Primary Light"
- },
- {
- "slug": "primary-dark",
- "color": "{{dark_primary_dark_color}}",
- "name": "Primary Dark"
- },
- {
- "slug": "cta",
- "color": "{{dark_cta_color}}",
- "name": "Call to Action"
- },
- {
- "slug": "neutral-100",
- "color": "{{dark_neutral_100_color}}",
- "name": "Neutral 100"
- },
- {
- "slug": "neutral-200",
- "color": "{{dark_neutral_200_color}}",
- "name": "Neutral 200"
- },
- {
- "slug": "neutral-300",
- "color": "{{dark_neutral_300_color}}",
- "name": "Neutral 300"
- },
- {
- "slug": "neutral-400",
- "color": "{{dark_neutral_400_color}}",
- "name": "Neutral 400"
- },
- {
- "slug": "neutral-500",
- "color": "{{dark_neutral_500_color}}",
- "name": "Neutral 500"
- },
- {
- "slug": "neutral-600",
- "color": "{{dark_neutral_600_color}}",
- "name": "Neutral 600"
- },
- {
- "slug": "neutral-700",
- "color": "{{dark_neutral_700_color}}",
- "name": "Neutral 700"
- },
- {
- "slug": "neutral-800",
- "color": "{{dark_neutral_800_color}}",
- "name": "Neutral 800"
- },
- {
- "slug": "neutral-900",
- "color": "{{dark_neutral_900_color}}",
- "name": "Neutral 900"
- },
- {
- "slug": "accent-100",
- "color": "{{dark_accent_100_color}}",
- "name": "Accent 100"
- },
- {
- "slug": "accent-200",
- "color": "{{dark_accent_200_color}}",
- "name": "Accent 200"
- },
- {
- "slug": "accent-300",
- "color": "{{dark_accent_300_color}}",
- "name": "Accent 300"
- },
- {
- "slug": "accent-400",
- "color": "{{dark_accent_400_color}}",
- "name": "Accent 400"
- },
- {
- "slug": "accent-500",
- "color": "{{dark_accent_500_color}}",
- "name": "Accent 500"
- },
- {
- "slug": "accent-600",
- "color": "{{dark_accent_600_color}}",
- "name": "Accent 600"
- },
- {
- "slug": "accent-700",
- "color": "{{dark_accent_700_color}}",
- "name": "Accent 700"
- },
- {
- "slug": "accent-800",
- "color": "{{dark_accent_800_color}}",
- "name": "Accent 800"
- },
- {
- "slug": "accent-900",
- "color": "{{dark_accent_900_color}}",
- "name": "Accent 900"
- }
- ]
- },
- "shadow": {
- "defaultPresets": true,
- "presets": [
- {
- "slug": "small",
- "name": "Small",
- "shadow": "0 1px 3px rgba(0, 0, 0, 0.3)"
- },
- {
- "slug": "medium",
- "name": "Medium",
- "shadow": "0 4px 6px rgba(0, 0, 0, 0.4)"
- },
- {
- "slug": "large",
- "name": "Large",
- "shadow": "0 10px 15px rgba(0, 0, 0, 0.5)"
- },
- {
- "slug": "x-large",
- "name": "Extra Large",
- "shadow": "0 20px 25px rgba(0, 0, 0, 0.6)"
- }
- ]
- }
- },
- "styles": {
- "color": {
- "background": "var(--wp--preset--color--base)",
- "text": "var(--wp--preset--color--contrast)"
- },
- "css": "/* Dark mode enhancements */\n:root[data-wp-dark-mode] { color-scheme: dark; }\n@media (prefers-color-scheme: dark) { :root { --wp--preset--shadow--small: 0 1px 3px rgba(0, 0, 0, 0.3); --wp--preset--shadow--medium: 0 4px 6px rgba(0, 0, 0, 0.4); --wp--preset--shadow--large: 0 10px 15px rgba(0, 0, 0, 0.5); } }"
- }
-}
diff --git a/styles/mc.json b/styles/mc.json
new file mode 100644
index 0000000..1553fad
--- /dev/null
+++ b/styles/mc.json
@@ -0,0 +1,362 @@
+{
+ "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+ "version": 3,
+ "title": "Medical Chronicle",
+ "slug": "mc",
+ "settings": {
+ "color": {
+ "palette": [
+ {
+ "color": "#FFFFFF",
+ "name": "Base",
+ "slug": "base"
+ },
+ {
+ "color": "#111111",
+ "name": "Contrast",
+ "slug": "contrast"
+ },
+ {
+ "color": "#F9F9FA",
+ "name": "Neutral 100",
+ "slug": "neutral-100"
+ },
+ {
+ "color": "#E3E3EA",
+ "name": "Neutral 200",
+ "slug": "neutral-200"
+ },
+ {
+ "color": "#CCCCD5",
+ "name": "Neutral 300",
+ "slug": "neutral-300"
+ },
+ {
+ "color": "#B7B7BE",
+ "name": "Neutral 400",
+ "slug": "neutral-400"
+ },
+ {
+ "color": "#A4A4A5",
+ "name": "Neutral 500",
+ "slug": "neutral-500"
+ },
+ {
+ "color": "#878788",
+ "name": "Neutral 600",
+ "slug": "neutral-600"
+ },
+ {
+ "color": "#6B6B6C",
+ "name": "Neutral 700",
+ "slug": "neutral-700"
+ },
+ {
+ "color": "#4F4F4F",
+ "name": "Neutral 800",
+ "slug": "neutral-800"
+ },
+ {
+ "color": "#323232",
+ "name": "Neutral 900",
+ "slug": "neutral-900"
+ },
+ {
+ "color": "#FFEFF6",
+ "name": "Cta 100",
+ "slug": "cta-100"
+ },
+ {
+ "color": "#FEB7D6",
+ "name": "Cta 200",
+ "slug": "cta-200"
+ },
+ {
+ "color": "#FB80B5",
+ "name": "Cta 300",
+ "slug": "cta-300"
+ },
+ {
+ "color": "#F64C95",
+ "name": "Cta 400",
+ "slug": "cta-400"
+ },
+ {
+ "color": "#EF1974",
+ "name": "Cta 500",
+ "slug": "cta-500"
+ },
+ {
+ "color": "#BF1058",
+ "name": "Cta 600",
+ "slug": "cta-600"
+ },
+ {
+ "color": "#880D3E",
+ "name": "Cta 700",
+ "slug": "cta-700"
+ },
+ {
+ "color": "#530926",
+ "name": "Cta 800",
+ "slug": "cta-800"
+ },
+ {
+ "color": "#1F040E",
+ "name": "Cta 900",
+ "slug": "cta-900"
+ },
+ {
+ "color": "#93E3FF",
+ "name": "Brand 100",
+ "slug": "brand-100"
+ },
+ {
+ "color": "#5BD4FD",
+ "name": "Brand 200",
+ "slug": "brand-200"
+ },
+ {
+ "color": "#25C5FA",
+ "name": "Brand 300",
+ "slug": "brand-300"
+ },
+ {
+ "color": "#08AADD",
+ "name": "Brand 400",
+ "slug": "brand-400"
+ },
+ {
+ "color": "#087FA4",
+ "name": "Brand 500",
+ "slug": "brand-500"
+ },
+ {
+ "color": "#0A5779",
+ "name": "Brand 600",
+ "slug": "brand-600"
+ },
+ {
+ "color": "#093650",
+ "name": "Brand 700",
+ "slug": "brand-700"
+ },
+ {
+ "color": "#061A29",
+ "name": "Brand 800",
+ "slug": "brand-800"
+ },
+ {
+ "color": "#061A29",
+ "name": "Brand 900",
+ "slug": "brand-900"
+ },
+ {
+ "color": "#A9F8FB",
+ "name": "Accent 100",
+ "slug": "accent-100"
+ },
+ {
+ "color": "#74F2F7",
+ "name": "Accent 200",
+ "slug": "accent-200"
+ },
+ {
+ "color": "#40ECF1",
+ "name": "Accent 300",
+ "slug": "accent-300"
+ },
+ {
+ "color": "#14DEE3",
+ "name": "Accent 400",
+ "slug": "accent-400"
+ },
+ {
+ "color": "#12A9AC",
+ "name": "Accent 500",
+ "slug": "accent-500"
+ },
+ {
+ "color": "#117D7E",
+ "name": "Accent 600",
+ "slug": "accent-600"
+ },
+ {
+ "color": "#0E5253",
+ "name": "Accent 700",
+ "slug": "accent-700"
+ },
+ {
+ "color": "#092A2A",
+ "name": "Accent 800",
+ "slug": "accent-800"
+ },
+ {
+ "color": "#010404",
+ "name": "Accent 900",
+ "slug": "accent-900"
+ },
+ {
+ "color": "#0D66D0",
+ "name": "Information Foreground",
+ "slug": "information-foreground"
+ },
+ {
+ "color": "#0D66D01A",
+ "name": "Information Background",
+ "slug": "information-background"
+ },
+ {
+ "color": "#138027",
+ "name": "Success Foreground",
+ "slug": "success-foreground"
+ },
+ {
+ "color": "#1380271A",
+ "name": "Success Background",
+ "slug": "success-background"
+ },
+ {
+ "color": "#CB6F0F",
+ "name": "Warning Foreground",
+ "slug": "warning-foreground"
+ },
+ {
+ "color": "#CB6F0F1A",
+ "name": "Warning Background",
+ "slug": "warning-background"
+ },
+ {
+ "color": "#C9242D",
+ "name": "Error Foreground",
+ "slug": "error-foreground"
+ },
+ {
+ "color": "#C9242D1A",
+ "name": "Error Background",
+ "slug": "error-background"
+ },
+ {
+ "color": "#FFFFFF",
+ "name": "Focus Foreground",
+ "slug": "focus-foreground"
+ },
+ {
+ "color": "#087FA4",
+ "name": "Focus Background",
+ "slug": "focus-background"
+ }
+ ]
+ },
+ "typography": {
+ "fontFamilies": [
+ {
+ "name": "Montserrat",
+ "slug": "heading",
+ "fontFamily": "Montserrat, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-100-normal.woff2"
+ ],
+ "fontWeight": "100",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-200-normal.woff2"
+ ],
+ "fontWeight": "200",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-300-normal.woff2"
+ ],
+ "fontWeight": "300",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-400-normal.woff2"
+ ],
+ "fontWeight": "400",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-500-normal.woff2"
+ ],
+ "fontWeight": "500",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-600-normal.woff2"
+ ],
+ "fontWeight": "600",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-700-normal.woff2"
+ ],
+ "fontWeight": "700",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-800-normal.woff2"
+ ],
+ "fontWeight": "800",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-900-normal.woff2"
+ ],
+ "fontWeight": "900",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ }
+ ]
+ },
+ {
+ "name": "Nunito Sans",
+ "slug": "body",
+ "fontFamily": "Nunito Sans, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/nunito-sans/NunitoSans-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "200 900",
+ "fontStyle": "normal",
+ "fontFamily": "Nunito Sans"
+ }
+ ]
+ }
+ ]
+ }
+ },
+ "styles": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|body"
+ },
+ "elements": {
+ "heading": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|heading"
+ }
+ }
+ }
+ }
+}
diff --git a/styles/pm.json b/styles/pm.json
new file mode 100644
index 0000000..4f38c70
--- /dev/null
+++ b/styles/pm.json
@@ -0,0 +1,298 @@
+{
+ "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+ "version": 3,
+ "title": "Pharmacy Magazine",
+ "slug": "pm",
+ "settings": {
+ "color": {
+ "palette": [
+ {
+ "color": "#FFFFFF",
+ "name": "Base",
+ "slug": "base"
+ },
+ {
+ "color": "#111111",
+ "name": "Contrast",
+ "slug": "contrast"
+ },
+ {
+ "color": "#F9F9FA",
+ "name": "Neutral 100",
+ "slug": "neutral-100"
+ },
+ {
+ "color": "#E3E3EA",
+ "name": "Neutral 200",
+ "slug": "neutral-200"
+ },
+ {
+ "color": "#CCCCD5",
+ "name": "Neutral 300",
+ "slug": "neutral-300"
+ },
+ {
+ "color": "#B7B7BE",
+ "name": "Neutral 400",
+ "slug": "neutral-400"
+ },
+ {
+ "color": "#A4A4A5",
+ "name": "Neutral 500",
+ "slug": "neutral-500"
+ },
+ {
+ "color": "#878788",
+ "name": "Neutral 600",
+ "slug": "neutral-600"
+ },
+ {
+ "color": "#6B6B6C",
+ "name": "Neutral 700",
+ "slug": "neutral-700"
+ },
+ {
+ "color": "#4F4F4F",
+ "name": "Neutral 800",
+ "slug": "neutral-800"
+ },
+ {
+ "color": "#323232",
+ "name": "Neutral 900",
+ "slug": "neutral-900"
+ },
+ {
+ "color": "#FFEFF6",
+ "name": "Cta 100",
+ "slug": "cta-100"
+ },
+ {
+ "color": "#FEB7D6",
+ "name": "Cta 200",
+ "slug": "cta-200"
+ },
+ {
+ "color": "#FB80B5",
+ "name": "Cta 300",
+ "slug": "cta-300"
+ },
+ {
+ "color": "#F64C95",
+ "name": "Cta 400",
+ "slug": "cta-400"
+ },
+ {
+ "color": "#EF1974",
+ "name": "Cta 500",
+ "slug": "cta-500"
+ },
+ {
+ "color": "#BF1058",
+ "name": "Cta 600",
+ "slug": "cta-600"
+ },
+ {
+ "color": "#880D3E",
+ "name": "Cta 700",
+ "slug": "cta-700"
+ },
+ {
+ "color": "#530926",
+ "name": "Cta 800",
+ "slug": "cta-800"
+ },
+ {
+ "color": "#1F040E",
+ "name": "Cta 900",
+ "slug": "cta-900"
+ },
+ {
+ "color": "#DAEDFA",
+ "name": "Brand 100",
+ "slug": "brand-100"
+ },
+ {
+ "color": "#A8C8DD",
+ "name": "Brand 200",
+ "slug": "brand-200"
+ },
+ {
+ "color": "#81ADCB",
+ "name": "Brand 300",
+ "slug": "brand-300"
+ },
+ {
+ "color": "#5B93B8",
+ "name": "Brand 400",
+ "slug": "brand-400"
+ },
+ {
+ "color": "#447595",
+ "name": "Brand 500",
+ "slug": "brand-500"
+ },
+ {
+ "color": "#375D6D",
+ "name": "Brand 600",
+ "slug": "brand-600"
+ },
+ {
+ "color": "#284147",
+ "name": "Brand 700",
+ "slug": "brand-700"
+ },
+ {
+ "color": "#162324",
+ "name": "Brand 800",
+ "slug": "brand-800"
+ },
+ {
+ "color": "#020303",
+ "name": "Brand 900",
+ "slug": "brand-900"
+ },
+ {
+ "color": "#FFFBE6",
+ "name": "Accent 100",
+ "slug": "accent-100"
+ },
+ {
+ "color": "#FFF1AC",
+ "name": "Accent 200",
+ "slug": "accent-200"
+ },
+ {
+ "color": "#FFE773",
+ "name": "Accent 300",
+ "slug": "accent-300"
+ },
+ {
+ "color": "#FFDD3A",
+ "name": "Accent 400",
+ "slug": "accent-400"
+ },
+ {
+ "color": "#FFD200",
+ "name": "Accent 500",
+ "slug": "accent-500"
+ },
+ {
+ "color": "#C4A402",
+ "name": "Accent 600",
+ "slug": "accent-600"
+ },
+ {
+ "color": "#8A7503",
+ "name": "Accent 700",
+ "slug": "accent-700"
+ },
+ {
+ "color": "#514602",
+ "name": "Accent 800",
+ "slug": "accent-800"
+ },
+ {
+ "color": "#191601",
+ "name": "Accent 900",
+ "slug": "accent-900"
+ },
+ {
+ "color": "#0D66D0",
+ "name": "Information Foreground",
+ "slug": "information-foreground"
+ },
+ {
+ "color": "#0D66D01A",
+ "name": "Information Background",
+ "slug": "information-background"
+ },
+ {
+ "color": "#138027",
+ "name": "Success Foreground",
+ "slug": "success-foreground"
+ },
+ {
+ "color": "#1380271A",
+ "name": "Success Background",
+ "slug": "success-background"
+ },
+ {
+ "color": "#CB6F0F",
+ "name": "Warning Foreground",
+ "slug": "warning-foreground"
+ },
+ {
+ "color": "#CB6F0F1A",
+ "name": "Warning Background",
+ "slug": "warning-background"
+ },
+ {
+ "color": "#C9242D",
+ "name": "Error Foreground",
+ "slug": "error-foreground"
+ },
+ {
+ "color": "#C9242D1A",
+ "name": "Error Background",
+ "slug": "error-background"
+ },
+ {
+ "color": "#FFFFFF",
+ "name": "Focus Foreground",
+ "slug": "focus-foreground"
+ },
+ {
+ "color": "#447595",
+ "name": "Focus Background",
+ "slug": "focus-background"
+ }
+ ]
+ },
+ "typography": {
+ "fontFamilies": [
+ {
+ "name": "Rubik",
+ "slug": "heading",
+ "fontFamily": "Rubik, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/rubik/Rubik-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "300 900",
+ "fontStyle": "normal",
+ "fontFamily": "Rubik"
+ }
+ ]
+ },
+ {
+ "name": "Frank Ruhl Libre",
+ "slug": "body",
+ "fontFamily": "Frank Ruhl Libre, serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/frank-ruhl-libre/FrankRuhlLibre-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "300 900",
+ "fontStyle": "normal",
+ "fontFamily": "Frank Ruhl Libre"
+ }
+ ]
+ }
+ ]
+ }
+ },
+ "styles": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|body"
+ },
+ "elements": {
+ "heading": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|heading"
+ }
+ }
+ }
+ }
+}
diff --git a/styles/presets/dark.json b/styles/presets/dark.json
deleted file mode 100644
index e83f798..0000000
--- a/styles/presets/dark.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
- "scope": "preset",
- "name": "{{namespace}}-preset-dark",
- "label": "{{name}} Dark Preset",
- "description": "Pre-configured dark mode preset.",
- "fonts": {
- "body": "var:preset|font-family|body",
- "heading": "var:preset|font-family|serif"
- },
- "colors": {
- "background": "var:preset|color|primary",
- "text": "var:preset|color|contrast"
- }
-}
diff --git a/styles/saoj.json b/styles/saoj.json
new file mode 100644
index 0000000..6b82a96
--- /dev/null
+++ b/styles/saoj.json
@@ -0,0 +1,298 @@
+{
+ "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+ "version": 3,
+ "title": "SA Ophthalmology Journal",
+ "slug": "saoj",
+ "settings": {
+ "color": {
+ "palette": [
+ {
+ "color": "#FFFFFF",
+ "name": "Base",
+ "slug": "base"
+ },
+ {
+ "color": "#111111",
+ "name": "Contrast",
+ "slug": "contrast"
+ },
+ {
+ "color": "#F9F9FA",
+ "name": "Neutral 100",
+ "slug": "neutral-100"
+ },
+ {
+ "color": "#E3E3EA",
+ "name": "Neutral 200",
+ "slug": "neutral-200"
+ },
+ {
+ "color": "#CCCCD5",
+ "name": "Neutral 300",
+ "slug": "neutral-300"
+ },
+ {
+ "color": "#B7B7BE",
+ "name": "Neutral 400",
+ "slug": "neutral-400"
+ },
+ {
+ "color": "#A4A4A5",
+ "name": "Neutral 500",
+ "slug": "neutral-500"
+ },
+ {
+ "color": "#878788",
+ "name": "Neutral 600",
+ "slug": "neutral-600"
+ },
+ {
+ "color": "#6B6B6C",
+ "name": "Neutral 700",
+ "slug": "neutral-700"
+ },
+ {
+ "color": "#4F4F4F",
+ "name": "Neutral 800",
+ "slug": "neutral-800"
+ },
+ {
+ "color": "#323232",
+ "name": "Neutral 900",
+ "slug": "neutral-900"
+ },
+ {
+ "color": "#FFFAFB",
+ "name": "Cta 100",
+ "slug": "cta-100"
+ },
+ {
+ "color": "#FEC9D3",
+ "name": "Cta 200",
+ "slug": "cta-200"
+ },
+ {
+ "color": "#FB99AD",
+ "name": "Cta 300",
+ "slug": "cta-300"
+ },
+ {
+ "color": "#F66C88",
+ "name": "Cta 400",
+ "slug": "cta-400"
+ },
+ {
+ "color": "#EF4065",
+ "name": "Cta 500",
+ "slug": "cta-500"
+ },
+ {
+ "color": "#DF173F",
+ "name": "Cta 600",
+ "slug": "cta-600"
+ },
+ {
+ "color": "#A81430",
+ "name": "Cta 700",
+ "slug": "cta-700"
+ },
+ {
+ "color": "#731022",
+ "name": "Cta 800",
+ "slug": "cta-800"
+ },
+ {
+ "color": "#400A13",
+ "name": "Cta 900",
+ "slug": "cta-900"
+ },
+ {
+ "color": "#BFDFF6",
+ "name": "Brand 100",
+ "slug": "brand-100"
+ },
+ {
+ "color": "#76AED6",
+ "name": "Brand 200",
+ "slug": "brand-200"
+ },
+ {
+ "color": "#4D94C6",
+ "name": "Brand 300",
+ "slug": "brand-300"
+ },
+ {
+ "color": "#3876A2",
+ "name": "Brand 400",
+ "slug": "brand-400"
+ },
+ {
+ "color": "#2B5775",
+ "name": "Brand 500",
+ "slug": "brand-500"
+ },
+ {
+ "color": "#254655",
+ "name": "Brand 600",
+ "slug": "brand-600"
+ },
+ {
+ "color": "#1C3137",
+ "name": "Brand 700",
+ "slug": "brand-700"
+ },
+ {
+ "color": "#101B1C",
+ "name": "Brand 800",
+ "slug": "brand-800"
+ },
+ {
+ "color": "#020303",
+ "name": "Brand 900",
+ "slug": "brand-900"
+ },
+ {
+ "color": "#FBFEFE",
+ "name": "Accent 100",
+ "slug": "accent-100"
+ },
+ {
+ "color": "#D3F3F2",
+ "name": "Accent 200",
+ "slug": "accent-200"
+ },
+ {
+ "color": "#ADE6E4",
+ "name": "Accent 300",
+ "slug": "accent-300"
+ },
+ {
+ "color": "#89D7D2",
+ "name": "Accent 400",
+ "slug": "accent-400"
+ },
+ {
+ "color": "#66C6BF",
+ "name": "Accent 500",
+ "slug": "accent-500"
+ },
+ {
+ "color": "#45AEA7",
+ "name": "Accent 600",
+ "slug": "accent-600"
+ },
+ {
+ "color": "#37827E",
+ "name": "Accent 700",
+ "slug": "accent-700"
+ },
+ {
+ "color": "#285856",
+ "name": "Accent 800",
+ "slug": "accent-800"
+ },
+ {
+ "color": "#17302F",
+ "name": "Accent 900",
+ "slug": "accent-900"
+ },
+ {
+ "color": "#0D66D0",
+ "name": "Information Foreground",
+ "slug": "information-foreground"
+ },
+ {
+ "color": "#0D66D01A",
+ "name": "Information Background",
+ "slug": "information-background"
+ },
+ {
+ "color": "#138027",
+ "name": "Success Foreground",
+ "slug": "success-foreground"
+ },
+ {
+ "color": "#1380271A",
+ "name": "Success Background",
+ "slug": "success-background"
+ },
+ {
+ "color": "#CB6F0F",
+ "name": "Warning Foreground",
+ "slug": "warning-foreground"
+ },
+ {
+ "color": "#CB6F0F1A",
+ "name": "Warning Background",
+ "slug": "warning-background"
+ },
+ {
+ "color": "#C9242D",
+ "name": "Error Foreground",
+ "slug": "error-foreground"
+ },
+ {
+ "color": "#C9242D1A",
+ "name": "Error Background",
+ "slug": "error-background"
+ },
+ {
+ "color": "#FFFFFF",
+ "name": "Focus Foreground",
+ "slug": "focus-foreground"
+ },
+ {
+ "color": "#2B5775",
+ "name": "Focus Background",
+ "slug": "focus-background"
+ }
+ ]
+ },
+ "typography": {
+ "fontFamilies": [
+ {
+ "name": "Roboto Slab",
+ "slug": "heading",
+ "fontFamily": "Roboto Slab, serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/roboto-slab/RobotoSlab-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "100 900",
+ "fontStyle": "normal",
+ "fontFamily": "Roboto Slab"
+ }
+ ]
+ },
+ {
+ "name": "Roboto",
+ "slug": "body",
+ "fontFamily": "Roboto, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/roboto/Roboto-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "100 900",
+ "fontStyle": "normal",
+ "fontFamily": "Roboto"
+ }
+ ]
+ }
+ ]
+ }
+ },
+ "styles": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|body"
+ },
+ "elements": {
+ "heading": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|heading"
+ }
+ }
+ }
+ }
+}
diff --git a/styles/sections/content-section.json b/styles/sections/content-section.json
deleted file mode 100644
index 8ea2cfe..0000000
--- a/styles/sections/content-section.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
- "version": 3,
- "title": "{{content_section_style_title}}",
- "styles": {
- "blocks": {
- "core/group": {
- "color": {
- "background": "var(--wp--preset--color--base)",
- "text": "var(--wp--preset--color--contrast)"
- },
- "spacing": {
- "padding": {
- "top": "var(--wp--preset--spacing--60)",
- "right": "var(--wp--preset--spacing--50)",
- "bottom": "var(--wp--preset--spacing--60)",
- "left": "var(--wp--preset--spacing--50)"
- },
- "margin": {
- "top": "0",
- "bottom": "0"
- }
- },
- "border": {
- "radius": "var(--wp--preset--border-radius--medium)"
- },
- "shadow": "var(--wp--preset--shadow--small)"
- }
- }
- },
- "css": ".wp-block-group { transition: box-shadow 0.3s ease; }\n.wp-block-group:hover { box-shadow: var(--wp--preset--shadow--medium); }"
-}
diff --git a/styles/sections/hero-section.json b/styles/sections/hero-section.json
deleted file mode 100644
index fc9f093..0000000
--- a/styles/sections/hero-section.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
- "version": 3,
- "title": "{{hero_section_style_title}}",
- "styles": {
- "blocks": {
- "core/cover": {
- "color": {
- "text": "var(--wp--preset--color--base)"
- },
- "spacing": {
- "padding": {
- "top": "var(--wp--preset--spacing--80)",
- "bottom": "var(--wp--preset--spacing--80)"
- }
- },
- "elements": {
- "heading": {
- "typography": {
- "fontSize": "var(--wp--preset--font-size--800)",
- "fontWeight": "700",
- "lineHeight": "1.1"
- }
- }
- },
- "dimensions": {
- "aspectRatio": "16/9",
- "minHeight": "400px"
- }
- }
- }
- },
- "css": ".wp-block-cover { position: relative; }\n@supports (aspect-ratio: 16 / 9) { .wp-block-cover { aspect-ratio: 16/9; } }"
-}
diff --git a/styles/sf.json b/styles/sf.json
new file mode 100644
index 0000000..5a1b12a
--- /dev/null
+++ b/styles/sf.json
@@ -0,0 +1,298 @@
+{
+ "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+ "version": 3,
+ "title": "Specialist Forum",
+ "slug": "sf",
+ "settings": {
+ "color": {
+ "palette": [
+ {
+ "color": "#FFFFFF",
+ "name": "Base",
+ "slug": "base"
+ },
+ {
+ "color": "#111111",
+ "name": "Contrast",
+ "slug": "contrast"
+ },
+ {
+ "color": "#F9F9FA",
+ "name": "Neutral 100",
+ "slug": "neutral-100"
+ },
+ {
+ "color": "#E3E3EA",
+ "name": "Neutral 200",
+ "slug": "neutral-200"
+ },
+ {
+ "color": "#CCCCD5",
+ "name": "Neutral 300",
+ "slug": "neutral-300"
+ },
+ {
+ "color": "#B7B7BE",
+ "name": "Neutral 400",
+ "slug": "neutral-400"
+ },
+ {
+ "color": "#A4A4A5",
+ "name": "Neutral 500",
+ "slug": "neutral-500"
+ },
+ {
+ "color": "#878788",
+ "name": "Neutral 600",
+ "slug": "neutral-600"
+ },
+ {
+ "color": "#6B6B6C",
+ "name": "Neutral 700",
+ "slug": "neutral-700"
+ },
+ {
+ "color": "#4F4F4F",
+ "name": "Neutral 800",
+ "slug": "neutral-800"
+ },
+ {
+ "color": "#323232",
+ "name": "Neutral 900",
+ "slug": "neutral-900"
+ },
+ {
+ "color": "#FDE1FF",
+ "name": "Cta 100",
+ "slug": "cta-100"
+ },
+ {
+ "color": "#C888CC",
+ "name": "Cta 200",
+ "slug": "cta-200"
+ },
+ {
+ "color": "#B263B8",
+ "name": "Cta 300",
+ "slug": "cta-300"
+ },
+ {
+ "color": "#924998",
+ "name": "Cta 400",
+ "slug": "cta-400"
+ },
+ {
+ "color": "#6B396F",
+ "name": "Cta 500",
+ "slug": "cta-500"
+ },
+ {
+ "color": "#502D52",
+ "name": "Cta 600",
+ "slug": "cta-600"
+ },
+ {
+ "color": "#362037",
+ "name": "Cta 700",
+ "slug": "cta-700"
+ },
+ {
+ "color": "#1C121C",
+ "name": "Cta 800",
+ "slug": "cta-800"
+ },
+ {
+ "color": "#030203",
+ "name": "Cta 900",
+ "slug": "cta-900"
+ },
+ {
+ "color": "#E1F4FC",
+ "name": "Brand 100",
+ "slug": "brand-100"
+ },
+ {
+ "color": "#8AE8FF",
+ "name": "Brand 200",
+ "slug": "brand-200"
+ },
+ {
+ "color": "#50DDFF",
+ "name": "Brand 300",
+ "slug": "brand-300"
+ },
+ {
+ "color": "#17D3FF",
+ "name": "Brand 400",
+ "slug": "brand-400"
+ },
+ {
+ "color": "#00B3DC",
+ "name": "Brand 500",
+ "slug": "brand-500"
+ },
+ {
+ "color": "#0087A6",
+ "name": "Brand 600",
+ "slug": "brand-600"
+ },
+ {
+ "color": "#005B71",
+ "name": "Brand 700",
+ "slug": "brand-700"
+ },
+ {
+ "color": "#002F3B",
+ "name": "Brand 800",
+ "slug": "brand-800"
+ },
+ {
+ "color": "#000405",
+ "name": "Brand 900",
+ "slug": "brand-900"
+ },
+ {
+ "color": "#F8FCF0",
+ "name": "Accent 100",
+ "slug": "accent-100"
+ },
+ {
+ "color": "#E1F2C1",
+ "name": "Accent 200",
+ "slug": "accent-200"
+ },
+ {
+ "color": "#CAE693",
+ "name": "Accent 300",
+ "slug": "accent-300"
+ },
+ {
+ "color": "#B2D967",
+ "name": "Accent 400",
+ "slug": "accent-400"
+ },
+ {
+ "color": "#9ACA3C",
+ "name": "Accent 500",
+ "slug": "accent-500"
+ },
+ {
+ "color": "#779E2F",
+ "name": "Accent 600",
+ "slug": "accent-600"
+ },
+ {
+ "color": "#547024",
+ "name": "Accent 700",
+ "slug": "accent-700"
+ },
+ {
+ "color": "#324317",
+ "name": "Accent 800",
+ "slug": "accent-800"
+ },
+ {
+ "color": "#121809",
+ "name": "Accent 900",
+ "slug": "accent-900"
+ },
+ {
+ "color": "#0D66D0",
+ "name": "Information Foreground",
+ "slug": "information-foreground"
+ },
+ {
+ "color": "#0D66D01A",
+ "name": "Information Background",
+ "slug": "information-background"
+ },
+ {
+ "color": "#138027",
+ "name": "Success Foreground",
+ "slug": "success-foreground"
+ },
+ {
+ "color": "#1380271A",
+ "name": "Success Background",
+ "slug": "success-background"
+ },
+ {
+ "color": "#CB6F0F",
+ "name": "Warning Foreground",
+ "slug": "warning-foreground"
+ },
+ {
+ "color": "#CB6F0F1A",
+ "name": "Warning Background",
+ "slug": "warning-background"
+ },
+ {
+ "color": "#C9242D",
+ "name": "Error Foreground",
+ "slug": "error-foreground"
+ },
+ {
+ "color": "#C9242D1A",
+ "name": "Error Background",
+ "slug": "error-background"
+ },
+ {
+ "color": "#FFFFFF",
+ "name": "Focus Foreground",
+ "slug": "focus-foreground"
+ },
+ {
+ "color": "#00B3DC",
+ "name": "Focus Background",
+ "slug": "focus-background"
+ }
+ ]
+ },
+ "typography": {
+ "fontFamilies": [
+ {
+ "name": "Rubik",
+ "slug": "heading",
+ "fontFamily": "Rubik, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/rubik/Rubik-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "300 900",
+ "fontStyle": "normal",
+ "fontFamily": "Rubik"
+ }
+ ]
+ },
+ {
+ "name": "Frank Ruhl Libre",
+ "slug": "body",
+ "fontFamily": "Frank Ruhl Libre, serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/frank-ruhl-libre/FrankRuhlLibre-VariableFont_wght.woff2"
+ ],
+ "fontWeight": "300 900",
+ "fontStyle": "normal",
+ "fontFamily": "Frank Ruhl Libre"
+ }
+ ]
+ }
+ ]
+ }
+ },
+ "styles": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|body"
+ },
+ "elements": {
+ "heading": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|heading"
+ }
+ }
+ }
+ }
+}
diff --git a/styles/typography/serif-titles.json b/styles/typography/serif-titles.json
deleted file mode 100644
index c77ad23..0000000
--- a/styles/typography/serif-titles.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
- "scope": "typography",
- "name": "{{namespace}}-serif-titles",
- "label": "{{name}} Serif Typography",
- "description": "Typography tokens for serif-heavy headings.",
- "tokens": {
- "headingFont": "var:preset|font-family|serif",
- "headingWeight": "700",
- "headingLineHeight": "1.2"
- }
-}
diff --git a/templates/home-sidebar.html b/templates/home-sidebar.html
index aa312ba..39faf64 100644
--- a/templates/home-sidebar.html
+++ b/templates/home-sidebar.html
@@ -2,7 +2,7 @@
-
+
diff --git a/theme.json b/theme.json
index 75053b3..93a444f 100644
--- a/theme.json
+++ b/theme.json
@@ -1,566 +1,1204 @@
{
- "$schema": ".github/schemas/theme.6.9.json",
+ "$schema": "https://schemas.wp.org/wp/6.9/theme.json",
"version": 3,
"settings": {
"appearanceTools": true,
- "useRootPaddingAwareAlignments": true,
"color": {
- "background": true,
- "custom": true,
- "customDuotone": true,
- "customGradient": true,
- "defaultDuotone": true,
- "defaultGradients": true,
- "defaultPalette": true,
- "text": true,
+ "defaultDuotone": false,
+ "defaultGradients": false,
+ "defaultPalette": false,
"palette": [
{
- "slug": "primary",
- "color": "#00B2D5",
- "name": "Primary"
+ "color": "#FFFFFF",
+ "name": "Base",
+ "slug": "base"
},
{
- "slug": "secondary",
- "color": "#12A9AC",
- "name": "Secondary"
+ "color": "#111111",
+ "name": "Contrast",
+ "slug": "contrast"
+ },
+ {
+ "color": "#F9F9FA",
+ "name": "Neutral 100",
+ "slug": "neutral-100"
},
{
- "slug": "background",
"color": "#E3E3EA",
- "name": "Background"
+ "name": "Neutral 200",
+ "slug": "neutral-200"
},
{
- "slug": "foreground",
- "color": "#000000",
- "name": "Foreground"
+ "color": "#CCCCD5",
+ "name": "Neutral 300",
+ "slug": "neutral-300"
},
{
- "slug": "accent",
- "color": "#ff6b35",
- "name": "Accent"
+ "color": "#B7B7BE",
+ "name": "Neutral 400",
+ "slug": "neutral-400"
},
{
- "slug": "neutral",
- "color": "#6c757d",
- "name": "Neutral"
- }
- ],
- "gradients": [
+ "color": "#A4A4A5",
+ "name": "Neutral 500",
+ "slug": "neutral-500"
+ },
{
- "slug": "primary-to-secondary",
- "gradient": "linear-gradient(135deg, #00B2D5 0%, #12A9AC 100%)",
- "name": "Primary to Secondary"
- }
- ]
- },
- "typography": {
- "customFontSize": true,
- "dropCap": true,
- "fontStyle": true,
- "fontWeight": true,
- "letterSpacing": true,
- "lineHeight": true,
- "textDecoration": true,
- "textTransform": true,
- "fluid": {
- "minFontSize": "0.875rem",
- "maxViewportWidth": "1440px",
- "minViewportWidth": "320px"
- },
- "fontFamilies": [
+ "color": "#878788",
+ "name": "Neutral 600",
+ "slug": "neutral-600"
+ },
{
- "slug": "body",
- "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
- "name": "Body"
+ "color": "#6B6B6C",
+ "name": "Neutral 700",
+ "slug": "neutral-700"
},
{
- "slug": "heading",
- "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
- "name": "Heading"
- }
- ],
- "fontSizes": [
+ "color": "#4F4F4F",
+ "name": "Neutral 800",
+ "slug": "neutral-800"
+ },
{
- "slug": "100",
- "size": "0.75rem",
- "name": "Tiny",
- "fluid": {
- "min": "0.65rem",
- "max": "0.75rem"
- }
+ "color": "#323232",
+ "name": "Neutral 900",
+ "slug": "neutral-900"
},
{
- "slug": "200",
- "size": "1rem",
- "name": "Base",
- "fluid": {
- "min": "0.875rem",
- "max": "1rem"
- }
+ "color": "#FFFBFA",
+ "name": "Cta 100",
+ "slug": "cta-100"
},
{
- "slug": "300",
- "size": "1.25rem",
- "name": "Small",
- "fluid": {
- "min": "1rem",
- "max": "1.25rem"
- }
+ "color": "#FDCFC3",
+ "name": "Cta 200",
+ "slug": "cta-200"
},
{
- "slug": "400",
- "size": "1.5rem",
- "name": "Medium",
- "fluid": {
- "min": "1.25rem",
- "max": "1.5rem"
- }
+ "color": "#F9A78E",
+ "name": "Cta 300",
+ "slug": "cta-300"
},
{
- "slug": "500",
- "size": "2rem",
- "name": "Large",
- "fluid": {
- "min": "1.5rem",
- "max": "2rem"
- }
+ "color": "#F2815D",
+ "name": "Cta 400",
+ "slug": "cta-400"
},
{
- "slug": "600",
- "size": "2.5rem",
- "name": "X-Large",
- "fluid": {
- "min": "2rem",
- "max": "2.5rem"
- }
+ "color": "#E85E2E",
+ "name": "Cta 500",
+ "slug": "cta-500"
},
{
- "slug": "700",
- "size": "3rem",
- "name": "Huge",
- "fluid": {
- "min": "2.5rem",
- "max": "3rem"
- }
+ "color": "#C34719",
+ "name": "Cta 600",
+ "slug": "cta-600"
},
{
- "slug": "800",
- "size": "4rem",
- "name": "Gigantic",
- "fluid": {
- "min": "3rem",
- "max": "4rem"
- }
+ "color": "#8E3715",
+ "name": "Cta 700",
+ "slug": "cta-700"
},
{
- "slug": "900",
- "size": "5rem",
- "name": "Colossal",
- "fluid": {
- "min": "4rem",
- "max": "5rem"
- }
+ "color": "#5B2610",
+ "name": "Cta 800",
+ "slug": "cta-800"
+ },
+ {
+ "color": "#5B2610",
+ "name": "Cta 900",
+ "slug": "cta-900"
+ },
+ {
+ "color": "#D5F8FF",
+ "name": "Brand 100",
+ "slug": "brand-100"
+ },
+ {
+ "color": "#83E9FF",
+ "name": "Brand 200",
+ "slug": "brand-200"
+ },
+ {
+ "color": "#49E0FF",
+ "name": "Brand 300",
+ "slug": "brand-300"
+ },
+ {
+ "color": "#10D7FF",
+ "name": "Brand 400",
+ "slug": "brand-400"
+ },
+ {
+ "color": "#00B2D5",
+ "name": "Brand 500",
+ "slug": "brand-500"
+ },
+ {
+ "color": "#0085A1",
+ "name": "Brand 600",
+ "slug": "brand-600"
+ },
+ {
+ "color": "#00596D",
+ "name": "Brand 700",
+ "slug": "brand-700"
+ },
+ {
+ "color": "#002E39",
+ "name": "Brand 800",
+ "slug": "brand-800"
+ },
+ {
+ "color": "#000405",
+ "name": "Brand 900",
+ "slug": "brand-900"
+ },
+ {
+ "color": "#C2FDFF",
+ "name": "Accent 100",
+ "slug": "accent-100"
+ },
+ {
+ "color": "#74F2F7",
+ "name": "Accent 200",
+ "slug": "accent-200"
+ },
+ {
+ "color": "#40ECF1",
+ "name": "Accent 300",
+ "slug": "accent-300"
+ },
+ {
+ "color": "#14DEE3",
+ "name": "Accent 400",
+ "slug": "accent-400"
+ },
+ {
+ "color": "#12A9AC",
+ "name": "Accent 500",
+ "slug": "accent-500"
+ },
+ {
+ "color": "#117D7E",
+ "name": "Accent 600",
+ "slug": "accent-600"
+ },
+ {
+ "color": "#0E5253",
+ "name": "Accent 700",
+ "slug": "accent-700"
+ },
+ {
+ "color": "#092A2A",
+ "name": "Accent 800",
+ "slug": "accent-800"
+ },
+ {
+ "color": "#010404",
+ "name": "Accent 900",
+ "slug": "accent-900"
+ },
+ {
+ "color": "#0D66D0",
+ "name": "Information Foreground",
+ "slug": "information-foreground"
+ },
+ {
+ "color": "#138027",
+ "name": "Success Foreground",
+ "slug": "success-foreground"
+ },
+ {
+ "color": "#CB6F0F",
+ "name": "Warning Foreground",
+ "slug": "warning-foreground"
+ },
+ {
+ "color": "#CB6F0F1a",
+ "name": "Warning Background",
+ "slug": "warning-background"
+ },
+ {
+ "color": "#C9242D",
+ "name": "Error Foreground",
+ "slug": "error-foreground"
+ },
+ {
+ "color": "#C9242D1a",
+ "name": "Error Background",
+ "slug": "error-background"
+ },
+ {
+ "color": "#1380271a",
+ "name": "Success Background",
+ "slug": "success-background"
+ },
+ {
+ "color": "#0D66D01a",
+ "name": "Information Background",
+ "slug": "information-background"
+ },
+ {
+ "color": "#FFFFFF",
+ "name": "Focus Foreground",
+ "slug": "focus-foreground"
+ },
+ {
+ "color": "#00B2D5",
+ "name": "Focus Background",
+ "slug": "focus-background"
}
]
},
+ "layout": {
+ "contentSize": "768px",
+ "wideSize": "1280px"
+ },
"spacing": {
- "customSpacingSize": true,
- "units": [
- "px",
- "em",
- "rem",
- "vh",
- "vw",
- "%"
- ],
+ "defaultSpacingSizes": false,
"spacingSizes": [
{
- "slug": "10",
- "size": "0.625rem",
- "name": "10px"
+ "name": "XXS",
+ "size": "clamp(0.25rem, calc(0.227rem + 0.006vw), 0.313rem)",
+ "slug": "5"
},
{
- "slug": "20",
- "size": "1.25rem",
- "name": "20px"
+ "name": "XS",
+ "size": "clamp(0.438rem, calc(0.368rem + 0.018vw), 0.625rem)",
+ "slug": "10"
},
{
- "slug": "30",
- "size": "1.875rem",
- "name": "30px"
+ "name": "S",
+ "size": "clamp(0.875rem, calc(0.736rem + 0.036vw), 1.25rem)",
+ "slug": "20"
},
{
- "slug": "40",
- "size": "2.5rem",
- "name": "40px"
+ "name": "M",
+ "size": "clamp(1.25rem, calc(1.018rem + 0.06vw), 1.875rem)",
+ "slug": "30"
},
{
- "slug": "50",
- "size": "3.125rem",
- "name": "50px"
+ "name": "L",
+ "size": "clamp(1.625rem, calc(1.3rem + 0.083vw), 2.5rem)",
+ "slug": "40"
},
{
- "slug": "60",
- "size": "3.75rem",
- "name": "60px"
+ "name": "XL",
+ "size": "clamp(2.063rem, calc(1.668rem + 0.101vw), 3.125rem)",
+ "slug": "50"
},
{
- "slug": "70",
- "size": "4.375rem",
- "name": "70px"
+ "name": "XXL",
+ "size": "clamp(2.313rem, calc(1.779rem + 0.137vw), 3.75rem)",
+ "slug": "60"
},
{
- "slug": "80",
- "size": "5rem",
- "name": "80px"
+ "name": "XXXL",
+ "size": "clamp(2.625rem, calc(1.975rem + 0.167vw), 4.375rem)",
+ "slug": "70"
},
{
- "slug": "90",
- "size": "5.625rem",
- "name": "90px"
+ "name": "XXXXL",
+ "size": "clamp(3rem, calc(2.257rem + 0.19vw), 5rem)",
+ "slug": "80"
},
{
- "slug": "100",
- "size": "6.25rem",
- "name": "100px"
+ "name": "Giant",
+ "size": "clamp(3.5rem, calc(2.711rem + 0.202vw), 5.625rem)",
+ "slug": "90"
+ },
+ {
+ "name": "Colossal",
+ "size": "clamp(4rem, calc(3.164rem + 0.214vw), 6.25rem)",
+ "slug": "100"
}
+ ],
+ "units": [
+ "%",
+ "px",
+ "em",
+ "rem",
+ "vh",
+ "vw"
]
},
- "layout": {
- "contentSize": "{{content_width}}",
- "wideSize": "{{wide_width}}"
+ "custom": {
+ "color": {
+ "txt": {
+ "base": "var:preset|color|base",
+ "grey": "var:preset|color|neutral-700",
+ "contrast": "var:preset|color|contrast"
+ },
+ "bg": {
+ "base": "var:preset|color|base",
+ "cta": "var:preset|color|cta-100",
+ "brand": "var:preset|color|brand-100",
+ "accent": "var:preset|color|accent-100"
+ },
+ "input": {
+ "background": "var:preset|color|neutral-100",
+ "border": "var:preset|color|neutral-500",
+ "text": "var:preset|color|neutral-700"
+ },
+ "disabled": {
+ "background": "var:preset|color|neutral-200",
+ "border": "var:preset|color|neutral-600",
+ "text": "var:preset|color|neutral-600"
+ },
+ "cta": {
+ "light": "var:preset|color|cta-100",
+ "core": "var:preset|color|cta-500",
+ "dark": "var:preset|color|cta-800"
+ },
+ "brand": {
+ "light": "var:preset|color|brand-100",
+ "core": "var:preset|color|brand-500",
+ "dark": "var:preset|color|brand-700"
+ },
+ "accent": {
+ "light": "var:preset|color|accent-100",
+ "core": "var:preset|color|accent-500",
+ "dark": "var:preset|color|accent-700"
+ }
+ },
+ "lineHeight": {
+ "heading": "1.25",
+ "body": "1.5"
+ }
},
- "dimensions": {
- "aspectRatio": true,
- "minHeight": true,
- "defaultAspectRatios": true,
- "aspectRatios": [
+ "typography": {
+ "writingMode": true,
+ "defaultFontSizes": false,
+ "fluid": true,
+ "fontStyle": true,
+ "fontWeight": true,
+ "letterSpacing": true,
+ "lineHeight": true,
+ "textDecoration": true,
+ "textTransform": true,
+ "fontSizes": [
+ {
+ "fluid": {
+ "max": "0.75rem",
+ "min": "0.7rem"
+ },
+ "name": "Tiny",
+ "size": "0.75rem",
+ "slug": "100"
+ },
{
- "slug": "square",
- "name": "Square",
- "ratio": "1"
+ "fluid": {
+ "max": "1rem",
+ "min": "0.85rem"
+ },
+ "name": "Base",
+ "size": "1rem",
+ "slug": "200"
},
{
- "slug": "4-3",
- "name": "4:3",
- "ratio": "4/3"
+ "fluid": {
+ "max": "1.15rem",
+ "min": "1rem"
+ },
+ "name": "Small",
+ "size": "1.15rem",
+ "slug": "300"
},
{
- "slug": "3-2",
- "name": "3:2",
- "ratio": "3/2"
+ "fluid": {
+ "max": "1.5rem",
+ "min": "1.25rem"
+ },
+ "name": "Medium",
+ "size": "1.5rem",
+ "slug": "400"
},
{
- "slug": "16-9",
- "name": "16:9",
- "ratio": "16/9"
+ "fluid": {
+ "max": "2rem",
+ "min": "1.6rem"
+ },
+ "name": "Large",
+ "size": "2rem",
+ "slug": "500"
},
{
- "slug": "9-16",
- "name": "9:16",
- "ratio": "9/16"
+ "fluid": {
+ "max": "2.5rem",
+ "min": "2.1rem"
+ },
+ "name": "X-Large",
+ "size": "2.5rem",
+ "slug": "600"
},
{
- "slug": "21-9",
- "name": "Cinematic (21:9)",
- "ratio": "21/9"
+ "fluid": {
+ "max": "3rem",
+ "min": "2.4rem"
+ },
+ "name": "Huge",
+ "size": "3rem",
+ "slug": "700"
+ },
+ {
+ "fluid": {
+ "max": "4rem",
+ "min": "3.1rem"
+ },
+ "name": "Gigantic",
+ "size": "4rem",
+ "slug": "800"
+ },
+ {
+ "fluid": {
+ "max": "5rem",
+ "min": "3.5rem"
+ },
+ "name": "Colossal",
+ "size": "5rem",
+ "slug": "900"
+ }
+ ],
+ "fontFamilies": [
+ {
+ "name": "Montserrat",
+ "slug": "heading",
+ "fontFamily": "Montserrat, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-100-normal.woff2"
+ ],
+ "fontWeight": "100",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-200-normal.woff2"
+ ],
+ "fontWeight": "200",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-300-normal.woff2"
+ ],
+ "fontWeight": "300",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-400-normal.woff2"
+ ],
+ "fontWeight": "400",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-500-normal.woff2"
+ ],
+ "fontWeight": "500",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-600-normal.woff2"
+ ],
+ "fontWeight": "600",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-700-normal.woff2"
+ ],
+ "fontWeight": "700",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-800-normal.woff2"
+ ],
+ "fontWeight": "800",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/montserrat/Montserrat-900-normal.woff2"
+ ],
+ "fontWeight": "900",
+ "fontStyle": "normal",
+ "fontFamily": "Montserrat"
+ }
+ ]
+ },
+ {
+ "name": "Ubuntu",
+ "slug": "body",
+ "fontFamily": "Ubuntu, sans-serif",
+ "fontFace": [
+ {
+ "src": [
+ "file:./assets/fonts/ubuntu/Ubuntu-300-normal.woff2"
+ ],
+ "fontWeight": "300",
+ "fontStyle": "normal",
+ "fontFamily": "Ubuntu"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/ubuntu/Ubuntu-400-normal.woff2"
+ ],
+ "fontWeight": "400",
+ "fontStyle": "normal",
+ "fontFamily": "Ubuntu"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/ubuntu/Ubuntu-500-normal.woff2"
+ ],
+ "fontWeight": "500",
+ "fontStyle": "normal",
+ "fontFamily": "Ubuntu"
+ },
+ {
+ "src": [
+ "file:./assets/fonts/ubuntu/Ubuntu-700-normal.woff2"
+ ],
+ "fontWeight": "700",
+ "fontStyle": "normal",
+ "fontFamily": "Ubuntu"
+ }
+ ]
}
]
},
"shadow": {
- "defaultPresets": true,
+ "defaultPresets": false,
"presets": [
{
- "slug": "small",
+ "name": "Tiny",
+ "slug": "100",
+ "shadow": "0.5px 2px 3px 0.5px rgba(17, 17, 17, 0.2)"
+ },
+ {
+ "name": "Base",
+ "slug": "200",
+ "shadow": "0.5px 2px 6px 1px rgba(17, 17, 17, 0.2)"
+ },
+ {
"name": "Small",
- "shadow": "0 1px 3px rgba(0, 0, 0, 0.12)"
+ "slug": "300",
+ "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.2)"
},
{
- "slug": "medium",
"name": "Medium",
- "shadow": "0 4px 6px rgba(0, 0, 0, 0.1)"
+ "slug": "400",
+ "shadow": "1px 4px 12px 4px rgba(17, 17, 17, 0.3)"
},
{
- "slug": "large",
"name": "Large",
- "shadow": "0 10px 15px rgba(0, 0, 0, 0.1)"
+ "slug": "500",
+ "shadow": "2px 4px 12px 5px rgba(17, 17, 17, 0.3)"
},
{
- "slug": "x-large",
- "name": "Extra Large",
- "shadow": "0 20px 25px rgba(0, 0, 0, 0.15)"
+ "name": "X-Large",
+ "slug": "600",
+ "shadow": "2px 6px 12px 6px rgba(17, 17, 17, 0.3)"
}
]
},
- "background": {
- "backgroundImage": true,
- "backgroundSize": true
+ "useRootPaddingAwareAlignments": true,
+ "border": {
+ "radius": true,
+ "radiusSizes": [
+ {
+ "name": "none",
+ "slug": "0",
+ "size": "0"
+ },
+ {
+ "name": "small",
+ "slug": "100",
+ "size": "4px"
+ },
+ {
+ "name": "medium",
+ "slug": "200",
+ "size": "8px"
+ },
+ {
+ "name": "large",
+ "slug": "300",
+ "size": "16px"
+ },
+ {
+ "name": "x-large",
+ "slug": "400",
+ "size": "24px"
+ },
+ {
+ "name": "round",
+ "slug": "500",
+ "size": "9999px"
+ }
+ ]
+ }
+ },
+ "styles": {
+ "color": {
+ "background": "var:preset|color|base",
+ "text": "var:preset|color|contrast"
},
- "radius": true,
- "style": true,
- "width": true,
- "radiusSizes": [
- {
- "slug": "none",
- "name": "None",
- "size": "0"
- },
- {
- "slug": "small",
- "name": "Small",
- "size": "4px"
- },
- {
- "slug": "medium",
- "name": "Medium",
- "size": "8px"
- },
- {
- "slug": "large",
- "name": "Large",
- "size": "16px"
- },
- {
- "slug": "full",
- "name": "Full",
- "size": "9999px"
+ "spacing": {
+ "blockGap": "1.2rem",
+ "padding": {
+ "left": "var:preset|spacing|50",
+ "right": "var:preset|spacing|50"
}
- ],
+ },
+ "typography": {
+ "fontFamily": "var:preset|font-family|body",
+ "fontSize": "var:preset|font-size|400",
+ "fontWeight": "300",
+ "letterSpacing": "-0.1px",
+ "lineHeight": "var:custom|line-height|body"
+ },
"blocks": {
- "core/button": {
+ "core/avatar": {
"border": {
- "radius": true
+ "radius": "100px"
}
},
- "core/pullquote": {
- "border": {
- "color": true,
- "radius": true,
- "style": true,
- "width": true
+ "core/button": {
+ "variations": {
+ "outline": {
+ "border": {
+ "color": "currentColor",
+ "width": "1px"
+ },
+ "css": ".wp-block-button__link:not(.has-background):hover {background-color:color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);}",
+ "spacing": {
+ "padding": {
+ "bottom": "calc(1rem - 1px)",
+ "left": "calc(2.25rem - 1px)",
+ "right": "calc(2.25rem - 1px)",
+ "top": "calc(1rem - 1px)"
+ }
+ }
+ }
}
},
- "core/quote": {
- "border": {
- "color": true,
- "radius": true,
- "style": true,
- "width": true
+ "core/columns": {
+ "spacing": {
+ "blockGap": "var:preset|spacing|50"
}
- }
- },
- "styles": {
- "color": {
- "background": "var(--wp--preset--color--background)",
- "text": "var(--wp--preset--color--foreground)"
},
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--body)",
- "fontSize": "var(--wp--preset--font-size--200)",
- "lineHeight": "1.6"
+ "core/buttons": {
+ "spacing": {
+ "blockGap": "16px"
+ }
},
- "spacing": {
- "blockGap": "var(--wp--preset--spacing--40)"
+ "core/code": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|body",
+ "fontSize": "var:preset|font-size|200",
+ "fontWeight": "300"
+ },
+ "color": {
+ "background": "var:preset|color|accent-500",
+ "text": "var:preset|color|contrast"
+ },
+ "spacing": {
+ "padding": {
+ "right": "var:preset|spacing|40",
+ "bottom": "var:preset|spacing|40",
+ "left": "var:preset|spacing|40",
+ "top": "var:preset|spacing|40"
+ }
+ }
},
- "elements": {
- "h1": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--900)",
- "fontWeight": "700",
- "lineHeight": "1.2"
+ "core/comment-author-name": {
+ "color": {
+ "text": "var:preset|color|accent-400"
+ },
+ "elements": {
+ "link": {
+ "color": {
+ "text": "var:preset|color|accent-400"
+ },
+ "typography": {
+ "textDecoration": "none"
+ },
+ ":hover": {
+ "typography": {
+ "textDecoration": "underline"
+ }
+ }
}
},
- "h2": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--800)",
- "fontWeight": "700",
- "lineHeight": "1.2"
+ "typography": {
+ "fontSize": "var:preset|font-size|100"
+ },
+ "spacing": {
+ "margin": {
+ "top": "5px",
+ "bottom": "0px"
}
+ }
+ },
+ "core/comment-content": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
},
- "h3": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--700)",
- "fontWeight": "700",
- "lineHeight": "1.2"
+ "spacing": {
+ "margin": {
+ "top": "var:preset|spacing|30",
+ "bottom": "var:preset|spacing|30"
}
+ }
+ },
+ "core/comment-date": {
+ "typography": {
+ "fontSize": "var:preset|font-size|100"
},
- "h4": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--600)",
- "fontWeight": "700",
- "lineHeight": "1.2"
+ "color": {
+ "text": "var:preset|color|contrast"
+ },
+ "elements": {
+ "link": {
+ "color": {
+ "text": "var:preset|color|contrast"
+ }
+ }
+ }
+ },
+ "core/comment-edit-link": {
+ "elements": {
+ "link": {
+ "color": {
+ "text": "var:preset|color|contrast"
+ }
}
},
- "h5": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--500)",
- "fontWeight": "700",
- "lineHeight": "1.2"
+ "typography": {
+ "fontSize": "var:preset|font-size|100"
+ }
+ },
+ "core/comment-reply-link": {
+ "elements": {
+ "link": {
+ "color": {
+ "text": "var:preset|color|contrast"
+ }
}
},
- "h6": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--400)",
- "fontWeight": "700",
- "lineHeight": "1.2"
+ "typography": {
+ "fontSize": "var:preset|font-size|100"
+ }
+ },
+ "core/post-comments-form": {
+ "css": "& textarea, input:not([type=submit]){border-radius:.25rem; border-color: var(--wp--preset--color--accent-600) !important;} & input[type=checkbox]{margin:0 .2rem 0 0 !important;} & label {font-size: var(--wp--preset--font-size--100); }",
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ },
+ "spacing": {
+ "padding": {
+ "top": "var:preset|spacing|40",
+ "bottom": "var:preset|spacing|40"
}
+ }
+ },
+ "core/comments-pagination": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
},
- "link": {
- "color": {
- "text": "var(--wp--preset--color--primary)"
- },
- ":hover": {
- "color": {
- "text": "var(--wp--preset--color--primary-dark)"
+ "spacing": {
+ "margin": {
+ "top": "var:preset|spacing|40",
+ "bottom": "var:preset|spacing|40"
+ }
+ }
+ },
+ "core/comments-pagination-next": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "core/comments-pagination-numbers": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "core/comments-pagination-previous": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "core/post-date": {
+ "color":{
+ "text": "var:preset|color|accent-400"
+ },
+ "elements": {
+ "link": {
+ "color" : {
+ "text": "var:preset|color|accent-400"
},
- "textDecoration": "underline"
- },
- ":focus": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
- }
- },
- ":focus-visible": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
+ ":hover": {
+ "typography": {
+ "textDecoration": "underline"
+ }
+ },
+ "typography": {
+ "textDecoration": "none"
}
- },
- ":visited": {
- "color": {
- "text": "var(--wp--preset--color--primary)"
+ }
+ },
+ "typography": {
+ "fontSize": "var:preset|font-size|100"
+ }
+ },
+ "core/post-navigation-link": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "core/post-terms": {
+ "css": "& a { white-space: nowrap; }",
+ "typography": {
+ "fontSize": "var:preset|font-size|100",
+ "fontWeight": "600"
+ }
+ },
+ "core/post-title": {
+ "elements": {
+ "link": {
+ ":hover": {
+ "typography": {
+ "textDecoration": "underline"
+ }
+ },
+ "typography": {
+ "textDecoration": "none"
}
}
+ }
+ },
+ "core/quote": {
+ "border": {
+ "style": "solid",
+ "width": "0 0 0 2px",
+ "color": "currentColor"
},
- "button": {
- "color": {
- "background": "var(--wp--preset--color--cta)",
- "text": "var(--wp--preset--color--base)"
- },
- "typography": {
- "fontWeight": "600"
- },
- "border": {
- "radius": "4px"
+ "spacing": {
+ "blockGap": "var:preset|spacing|30",
+ "margin": {
+ "left": "0",
+ "right": "0"
},
- ":hover": {
- "color": {
- "background": "var(--wp--preset--color--primary-dark)"
+ "padding": {
+ "top": "var:preset|spacing|30",
+ "right": "var:preset|spacing|40",
+ "bottom": "var:preset|spacing|30",
+ "left": "var:preset|spacing|40"
+ }
+ },
+ "typography": {
+ "fontSize": "var:preset|font-size|400",
+ "fontWeight": "300"
+ },
+ "elements": {
+ "cite": {
+ "typography": {
+ "fontSize": "var:preset|font-size|100",
+ "fontStyle": "normal",
+ "fontWeight": "300"
+ },
+ "css": "& sub { font-size: 0.65em }"
+ }
+ },
+ "css": "&.has-text-align-right { border-width: 0 2px 0 0; } &.has-text-align-center { border-width: 0;border-inline: 0; padding-inline: 0; }",
+ "variations": {
+ "plain": {
+ "border": {
+ "color": "transparent",
+ "style": "none",
+ "width": "0",
+ "radius": "0"
+ },
+ "spacing": {
+ "padding": {
+ "top": "0",
+ "right": "0",
+ "bottom": "0",
+ "left": "0"
+ }
}
- },
- ":active": {
- "color": {
- "background": "var(--wp--preset--color--primary-dark)"
+ }
+ }
+ },
+ "core/pullquote": {
+ "typography": {
+ "fontSize": "var:preset|font-size|600",
+ "fontWeight": "300",
+ "lineHeight": "1.2"
+ },
+ "elements": {
+ "cite": {
+ "typography": {
+ "fontSize": "var:preset|font-size|100",
+ "fontStyle": "normal"
}
- },
- ":focus": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
+ }
+ },
+ "spacing": {
+ "padding": {
+ "bottom": "var:preset|spacing|30",
+ "top": "var:preset|spacing|30"
+ }
+ },
+ "css": "& p:last-of-type {margin-bottom: var(--wp--preset--spacing--30);}"
+ },
+ "core/query-pagination": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200",
+ "fontWeight": "500"
+ }
+ },
+ "core/search": {
+ "css": "& .wp-block-search__input{border-radius:3.125rem;padding-left:1.5625rem;padding-right:1.5625rem;border-color:var(--wp--preset--color--accent-600);}",
+ "typography": {
+ "fontSize": "var:preset|font-size|200",
+ "lineHeight": "1.6"
+ },
+ "elements": {
+ "button": {
+ "border": {
+ "radius": "3.125rem"
+ },
+ "spacing": {
+ "margin": {
+ "left": "1.125rem"
+ }
+ },
+ ":hover" : {
+ "border": {
+ "color": "transparent"
+ }
}
- },
- ":focus-visible": {
- "outline": {
- "color": "var(--wp--preset--color--cta)",
- "style": "solid",
- "width": "2px",
- "offset": "2px"
+ }
+ }
+ },
+ "core/separator": {
+ "border": {
+ "color": "currentColor",
+ "style": "solid",
+ "width": "0 0 1px 0"
+ },
+ "color": {
+ "text": "var:preset|color|accent-600"
+ },
+ "variations": {
+ "wide": {
+ "css": " &:not(.alignfull){max-width: var(--wp--style--global--wide-size) !important;}"
+ }
+ }
+ },
+ "core/site-tagline": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "core/site-title": {
+ "typography": {
+ "fontWeight": "700",
+ "letterSpacing": "-.5px"
+ },
+ "elements": {
+ "link": {
+ "typography": {
+ "textDecoration": "none"
+ },
+ ":hover": {
+ "typography": {
+ "textDecoration": "underline"
+ }
}
}
}
},
- "css": "/* Enhanced theme styles and custom fallbacks */\n.wp-block-button__link { transition: all 0.3s ease; }\n.wp-block-button:focus-within .wp-block-button__link { outline: 2px solid var(--wp--preset--color--cta); outline-offset: 2px; }\n@supports (aspect-ratio: 1) { .wp-block-image img { aspect-ratio: var(--aspect-ratio); } }\n@supports (box-shadow: 0 0 0 var(--wp--preset--shadow--medium)) { .wp-block-quote { box-shadow: var(--wp--preset--shadow--small); } }",
- "blocks": {
- "core/navigation": {
- "typography": {
- "fontSize": "var(--wp--preset--font-size--300)"
+ "core/term-description": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "core/navigation": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ },
+ "elements": {
+ "link": {
+ ":hover": {
+ "typography": {
+ "textDecoration": "underline"
+ }
+ },
+ "typography": {
+ "textDecoration": "none"
+ }
}
+ }
+ },
+ "core/list": {
+ "css": "& li{margin-top: 0.5rem;}"
+ }
+ },
+ "elements": {
+ "button": {
+ "color": {
+ "background": "var:preset|color|contrast",
+ "text": "var:preset|color|base"
},
- "core/site-title": {
- "typography": {
- "fontFamily": "var(--wp--preset--font-family--heading)",
- "fontSize": "var(--wp--preset--font-size--600)",
- "fontWeight": "700"
+ ":focus": {
+ "outline": {
+ "color": "var:preset|color|accent-400",
+ "offset": "2px"
}
},
- "core/site-tagline": {
- "typography": {
- "fontSize": "var(--wp--preset--font-size--300)"
+ ":hover": {
+ "color": {
+ "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent)",
+ "text": "var:preset|color|base"
},
+ "border": {
+ "color": "transparent"
+ }
+ },
+ "spacing": {
+ "padding": {
+ "bottom": "1rem",
+ "left": "2.25rem",
+ "right": "2.25rem",
+ "top": "1rem"
+ }
+ },
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "caption": {
+ "typography": {
+ "fontSize": "var:preset|font-size|100",
+ "lineHeight": "1.4"
+ }
+ },
+ "heading": {
+ "typography": {
+ "fontFamily": "var:preset|font-family|heading",
"color": {
- "text": "var(--wp--preset--color--neutral)"
+ "text": "var:preset|color|contrast"
+ },
+ "fontWeight": "600",
+ "lineHeight": "var:custom|line-height|heading",
+ "letterSpacing": "-0.1px"
+ }
+ },
+ "h1": {
+ "typography": {
+ "fontSize": "var:preset|font-size|600"
+ }
+ },
+ "h2": {
+ "typography": {
+ "fontSize": "var:preset|font-size|500"
+ }
+ },
+ "h3": {
+ "typography": {
+ "fontSize": "var:preset|font-size|400"
+ }
+ },
+ "h4": {
+ "typography": {
+ "fontSize": "var:preset|font-size|200"
+ }
+ },
+ "h5": {
+ "typography": {
+ "fontSize": "var:preset|font-size|100",
+ "letterSpacing": "0.5px"
+ }
+ },
+ "h6": {
+ "typography": {
+ "fontSize": "var:preset|font-size|100",
+ "fontWeight": "700",
+ "letterSpacing": "1.4px",
+ "textTransform": "uppercase"
+ }
+ },
+ "link": {
+ "color": {
+ "text": "currentColor"
+ },
+ ":hover": {
+ "typography": {
+ "textDecoration": "none"
}
}
}
+ }
+ },
+ "templateParts": [
+ {
+ "area": "header",
+ "name": "header",
+ "title": "Header"
},
- "customTemplates": [
- {
- "name": "blank",
- "title": "Blank",
- "postTypes": [
- "page",
- "post"
- ]
- },
- {
- "name": "page-no-title",
- "title": "Page (No Title)",
- "postTypes": [
- "page"
- ]
- },
- {
- "name": "home-sidebar",
- "title": "Blog (with Sidebar)",
- "postTypes": [
- "page"
- ]
- }
- ],
- "templateParts": [
- {
- "name": "header",
- "title": "Header",
- "area": "header"
- },
- {
- "name": "footer",
- "title": "Footer",
- "area": "footer"
- },
- {
- "name": "sidebar",
- "title": "Sidebar",
- "area": "sidebar"
- },
- {
- "name": "post-meta",
- "title": "Post Meta",
- "area": "uncategorized"
- },
- {
- "name": "pagination",
- "title": "Pagination",
- "area": "uncategorized"
- },
- {
- "name": "comments",
- "title": "Comments",
- "area": "uncategorized"
- }
- ]
- }
-}
\ No newline at end of file
+ {
+ "area": "header",
+ "name": "vertical-header",
+ "title": "Vertical site header"
+ },
+ {
+ "area": "header",
+ "name": "header-large-title",
+ "title": "Header with large title"
+
+ },
+ {
+ "area": "footer",
+ "name": "footer",
+ "title": "Footer"
+ },
+ {
+ "area": "footer",
+ "name": "footer-columns",
+ "title": "Footer Columns"
+ },
+ {
+ "area": "footer",
+ "name": "footer-newsletter",
+ "title": "Footer Newsletter"
+ },
+ {
+ "area": "uncategorized",
+ "name": "sidebar",
+ "title": "Sidebar"
+ }
+ ],
+ "customTemplates": [
+ {
+ "name": "page-no-title",
+ "postTypes": ["page"],
+ "title": "Page No Title"
+ }
+ ]
+}