diff --git a/themes/goodbids-nonprofit/assets/css/theme.css b/themes/goodbids-nonprofit/assets/css/theme.css new file mode 100644 index 000000000..004be504d --- /dev/null +++ b/themes/goodbids-nonprofit/assets/css/theme.css @@ -0,0 +1,10 @@ +/** + * Hover style for core/button -> variations -> outline + * Colors vars are set in theme.json + */ + +.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background):hover, +.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background):focus{ + background-color: var(--wp--preset--color--contrast); + color: var(--wp--preset--color--contrast-4); +} diff --git a/themes/goodbids-nonprofit/functions.php b/themes/goodbids-nonprofit/functions.php new file mode 100644 index 000000000..fd8764e2e --- /dev/null +++ b/themes/goodbids-nonprofit/functions.php @@ -0,0 +1,10 @@ +get( 'Version' ) + ); +} + +add_action( 'wp_enqueue_scripts', 'GoodBids_Nonprofit\Assets\enqueue_styles' ); diff --git a/themes/goodbids-nonprofit/parts/header.html b/themes/goodbids-nonprofit/parts/header.html new file mode 100644 index 000000000..37f1c5eb5 --- /dev/null +++ b/themes/goodbids-nonprofit/parts/header.html @@ -0,0 +1,22 @@ + +
+ +
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ diff --git a/themes/goodbids-nonprofit/style.css b/themes/goodbids-nonprofit/style.css index f70788178..14ebc197b 100644 --- a/themes/goodbids-nonprofit/style.css +++ b/themes/goodbids-nonprofit/style.css @@ -3,7 +3,7 @@ Theme Name: GoodBids Non-profit Theme URI: https://goodbids.org Author: Viget Author URI: https://viget.com -Description: Twenty Twenty-Four child theme for GoodBids Non-profit sites. +Description: Twenty Twenty-Four child theme for GoodBids Charity sites. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html diff --git a/themes/goodbids-nonprofit/theme.json b/themes/goodbids-nonprofit/theme.json index d9fffa1e8..7a1e1df3a 100644 --- a/themes/goodbids-nonprofit/theme.json +++ b/themes/goodbids-nonprofit/theme.json @@ -2,89 +2,54 @@ "$schema": "https://schemas.wp.org/trunk/theme.json", "version": 2, "settings": { - "appearanceTools": false, "color": { "background": true, "text": true, "palette": [ { "color": "#D9FFD2", - "name": "Primary", + "name": "Base", "slug": "base" }, { "color": "#FFFFFF", - "name": "Secondary", + "name": "Base / Two", "slug": "base-2" }, { "color": "#CED7d3", - "name": "Tertiary / Border", + "name": "Base / Three", "slug": "base-3" }, { "color": "#0A3624", - "name": "Contrast Primary", + "name": "Contrast", "slug": "contrast" }, { "color": "#232826", - "name": "Contrast Secondary", + "name": "Contrast / Two", "slug": "contrast-2" }, { "color": "#919493", - "name": "Contrast Tertiary", + "name": "Contrast / Three", "slug": "contrast-3" }, { "color": "#70FF8F", - "name": "Screaming Green", - "slug": "screaming-green" + "name": "Contrast / Four", + "slug": "contrast-4" } ] }, "spacing": { - "margin": false, - "padding": false, - "blockGap": null, - "units": ["px", "em", "rem", "vh", "vw"] + "margin": true, + "padding": true, + "units": ["%", "px", "em", "rem", "vh", "vw"] }, "typography": { - "customFontSize": true, "lineHeight": false, - "fluid": true, - "fontStyle": true, - "fontWeight": true, - "textDecoration": true, - "fontFamilies": [ - { - "fontFace": [ - { - "fontFamily": "Inter", - "fontStretch": "normal", - "fontStyle": "normal", - "fontWeight": "300 400 700 900", - "src": [ - "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" - ] - } - ], - "fontFamily": "\"Inter\", sans-serif", - "name": "Inter", - "slug": "body" - }, - { - "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", - "name": "System Sans-serif", - "slug": "system-sans-serif" - }, - { - "fontFamily": "Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", - "name": "System Serif", - "slug": "system-serif" - } - ], "fontSizes": [ { "fluid": false, @@ -132,21 +97,31 @@ } }, "styles": { + "color": { + "background": "var(--wp--preset--color--base-2)" + }, "blocks": { - "core/buttons": { + "core/button": { "variations": { - "secondary": { - - }, "outline": { - + "spacing": { + "padding": { + "bottom": "calc(0.7rem - 1px)", + "left": "calc(1.8rem - 1px)", + "right": "calc(1.8rem - 1px)", + "top": "calc(0.7rem - 1px)" + } + } } } }, - "core/paragraph": { - "typography": { - "fontWeight": "400", - "fontSize": "1rem" + "core/quote": { + "variations": { + "plain": { + "border": { + "color": "var(--wp--preset--color--contrast-4)" + } + } } } }, @@ -154,19 +129,51 @@ "heading": { "typography": { "fontWeight": "900", - "textTransform": "uppercase" + "textTransform": "uppercase", + "fontFamily": "Inter" } }, "button": { + ":active": { + "color": { + "background": "var(--wp--preset--color--contrast-4)", + "text": "var(--wp--preset--color--contrast)" + } + }, + ":focus": { + "color": { + "background": "var(--wp--preset--color--contrast-4)", + "text": "var(--wp--preset--color--contrast)" + }, + "outline": { + "color": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)" + } + }, + ":hover": { + "color": { + "background": "var(--wp--preset--color--contrast-4)", + "text": "var(--wp--preset--color--contrast)" + }, + "border": { + "color": "var(--wp--preset--color--contrast)" + } + }, "border": { "radius": "100px" }, + "color": { + "background": "var(--wp--preset--color--contrast)", + "text": "var(--wp--preset--color--base-2)" + }, "spacing": { "padding": { - "bottom": "calc(1rem - 1px)", - "left": "calc(2rem - 1px)", - "right": "calc(2rem - 1px)", - "top": "calc(1rem - 1px)" + "bottom": "0.7rem", + "left": "1.8rem", + "right": "1.8rem", + "top": "0.7rem" } }, "typography": {