diff --git a/assets/css/design-system.css b/assets/css/design-system.css new file mode 100644 index 0000000..7a270ca --- /dev/null +++ b/assets/css/design-system.css @@ -0,0 +1,60 @@ +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) p { + color: var(--stk-text-color); +} + +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) .wp-block-heading { + color: var(--stk-heading-color); +} + +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) a { + color: var(--stk-link-color, var(--theme-link-initial-color, unset)); +} + +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) a:hover { + color: var(--stk-link-color-hover, var(--stk-link-color, var(--theme-link-hover-color, unset))); +} + +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) .wp-element-button { + background: var(--stk-button-background-color); + color: var(--stk-button-text-color); + padding: var(--stk-button-padding); +} + +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) .wp-element-button:hover { + background: var(--stk-button-background-color-hover, var(--stk-button-background-color)); + color: var(--stk-button-text-color-hover, var(--stk-button-text-color)); +} + +:is([class*='stk--background-scheme'], + [class*='stk--container-scheme'], + .stk--has-base-scheme, + .stk--has-background-scheme .stk-block-background, + .stk--has-container-scheme .stk-container:not(.stk--no-background)) .is-style-outline .wp-element-button { + background:transparent; + color: var(--stk-button-background-color); + border-color: var(--stk-button-background-color); +} diff --git a/function.php b/function.php deleted file mode 100644 index 1e2eadf..0000000 --- a/function.php +++ /dev/null @@ -1,13 +0,0 @@ -get('Version')); + + // Editor + wp_enqueue_style('start-stackable-styles-editor', $style_path, [], wp_get_theme()->get('Version')); +} + +add_action('wp_enqueue_scripts', 'start_stackable_enqueue_styles'); +add_action('enqueue_block_editor_assets', 'start_stackable_enqueue_styles'); diff --git a/parts/footer.html b/parts/footer.html index 00cbb97..3506c13 100644 --- a/parts/footer.html +++ b/parts/footer.html @@ -1,60 +1 @@ - -
© 2025 · Start Stackable Theme
- - - -- Designed with WordPress
-© 2025 · Start Stackable Theme
+ + + +Built with WordPress
+© 2025 · Start Stackable Theme
+© 2025 · Start Stackable Theme
+© 2025 · Start Stackable Theme
+ + + ++ Built with WordPress
+·
diff --git a/theme.json b/theme.json index 7a0f3a7..3f1203b 100644 --- a/theme.json +++ b/theme.json @@ -166,7 +166,7 @@ "useRootPaddingAwareAlignments": true }, "styles": { - "css": ":root :where(.is-layout-constrained) > * { margin-block-start: 0; margin-block-end: 24px; }", + "css": ":root :where(.is-layout-constrained) > * { margin-block-start: 0; margin-block-end: var(--stk-block-margin-bottom, 24px); }", "typography": { "fontFamily": "var:preset|font-family|sans-serif", "fontSize": "var:preset|font-size|medium" @@ -175,40 +175,26 @@ "background": "var:preset|color|base", "text": "var:preset|color|contrast" }, - "spacing": { - "blockGap": "24px" - }, - "blocks": { - "core/button": { + "elements": { + "button": { "spacing": { - "margin": { - "top": "0px", - "bottom": "24px" - } - }, - "border": { - "radius": "0" + "padding": "12px 16px" }, "color": { "text": "var:preset|color|base", "background": "var:preset|color|primary" }, - "variations": { - "outline": { - "border": { - "color": "var:preset|color|primary", - "radius": "0", - "width": "2px" - }, - "color": { - "text": "var:preset|color|primary", - "background": "var:preset|color|base" - } - } + "border": { + "width": "0px", + "radius": "0px", + "style": "none" } - } - }, - "elements": { + }, + "heading": { + "color": { + "text": "var:preset|color|contrast" + } + }, "h1": { "typography": { "fontSize": "var:preset|font-size|xx-large"