diff --git a/themes/goodbids-nonprofit/assets/css/theme.css b/themes/goodbids-nonprofit/assets/css/theme.css index 004be504d..54f4650af 100644 --- a/themes/goodbids-nonprofit/assets/css/theme.css +++ b/themes/goodbids-nonprofit/assets/css/theme.css @@ -8,3 +8,35 @@ background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--contrast-4); } + +/*TODO move this all to Tailwind once we set that up*/ +.wp-button-custom > a { + background-color: var(--wp--preset--color--contrast); + color: var(--wp--preset--color--base-2); + font-size: var(--wp--preset--font-size--x-small); + font-weight: 500; + text-decoration: none; + border-color: var(--wp--preset--color--contrast); + border-radius: 100px; + border-width: 0; + padding-top: 0.8rem; + padding-right: 1.5rem; + padding-left: 1.5rem; + padding-bottom: 0.8rem; + + &:hover { + background-color: var(--wp--preset--color--contrast-4); + border-color: var(--wp--preset--color--contrast); + color: var(--wp--preset--color--contrast); + } + + &:focus { + background-color: var(--wp--preset--color--contrast-4); + border-color: var(--wp--preset--color--contrast); + color: var(--wp--preset--color--contrast); + outline-color: var(--wp--preset--color--contrast); + outline-offset: 2px; + outline-style: dotted; + outline-width: 1px; + } +} diff --git a/themes/goodbids-nonprofit/parts/header.html b/themes/goodbids-nonprofit/parts/header.html index fae3420f2..7a96d4d06 100644 --- a/themes/goodbids-nonprofit/parts/header.html +++ b/themes/goodbids-nonprofit/parts/header.html @@ -3,21 +3,36 @@ style="padding-top:20px;padding-bottom:20px">
for
+ +