From 2b10beae49e57d5482a756bfcb05645ab3c47c98 Mon Sep 17 00:00:00 2001 From: John Paul Balagolan Date: Thu, 30 Jan 2025 11:20:21 +0800 Subject: [PATCH 1/2] NN-456 add 600 and 700 weight of Inter font --- theme.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/theme.json b/theme.json index d2325b5..369c787 100644 --- a/theme.json +++ b/theme.json @@ -213,7 +213,7 @@ "fontFamily": "Inter", "fontStretch": "normal", "fontStyle": "normal", - "fontWeight": "400", + "fontWeight": "400 600 700", "src": [ "file:./assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" ] From a6ac11dc4b584b6c2d94bf3fc3c024df4dfae0a2 Mon Sep 17 00:00:00 2001 From: Jones Solano Date: Wed, 5 Feb 2025 12:00:31 +0800 Subject: [PATCH 2/2] NN432 - update hover color --- style.css | 116 +++++++++++++++++++++++++++--------------------------- 1 file changed, 59 insertions(+), 57 deletions(-) diff --git a/style.css b/style.css index 4ba36ed..400448a 100644 --- a/style.css +++ b/style.css @@ -5,91 +5,93 @@ **/ /* NN Blue Button Hover Style */ .wp-block-button -> .wp-block-button__link:not(.has-text-color, .has-background):hover { -background-color: var(--wp--preset--color--cyan); + > .wp-block-button__link:not(.has-text-color, .has-background):hover { + background-color: var(--wp--preset--color--secondary-main); } .wp-block-button -> .wp-block-button__link:not(.has-text-color, .has-background):focus { -background-color: var(--wp--preset--color--cyan); + > .wp-block-button__link:not(.has-text-color, .has-background):focus { + background-color: var(--wp--preset--color--secondary-main); } .wp-block-button.is-style-nn-blue - > .wp-block-button__link:not(.has-text-color, .has-background):hover { - background-color: var(--wp--preset--color--cyan); + > .wp-block-button__link:not(.has-text-color, .has-background):hover { + background-color: var(--wp--preset--color--secondary-main); } /* NN Cyan Button Hover Style */ .wp-block-button.is-style-nn-cyan - > .wp-block-button__link:not(.has-text-color, .has-background):hover { - background-color: var(--wp--preset--color--blue); + > .wp-block-button__link:not(.has-text-color, .has-background):hover { + background-color: var(--wp--preset--color--default); } /* NN Yellow Button Hover Style */ .wp-block-button.is-style-nn-yellow - > .wp-block-button__link:not(.has-text-color, .has-background):hover { - background-color: var(--wp--preset--color--blue); - color: var(--wp--preset--color--base); + > .wp-block-button__link:not(.has-text-color, .has-background):hover { + background-color: var(--wp--preset--color--default); + color: var(--wp--preset--color--paper); } /* NN Yellow Button Hover Style */ .wp-block-button.is-style-nn-yellow - > .wp-block-button__link:not(.has-text-color, .has-background):focus { - background-color: var(--wp--preset--color--blue); - color: var(--wp--preset--color--base); + > .wp-block-button__link:not(.has-text-color, .has-background):focus { + background-color: var(--wp--preset--color--default); + color: var(--wp--preset--color--paper); } header .wp-block-navigation { - flex-grow: 1; + flex-grow: 1; } header .wp-block-navigation .wp-block-navigation__responsive-container-content { - justify-content: space-between; + justify-content: space-between; } header .header-navigation { - width: 60%; + width: 60%; } header .header-navigation ul.wp-block-navigation { - justify-content: flex-start; - gap: 58px; + justify-content: flex-start; + gap: 58px; } header .header-navigation ul.wp-block-navigation li.current-menu-item { - color: var(--wp--preset--color--blue); + color: var(--wp--preset--color--blue); } .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: none; + display: none; } @media screen and (max-width: 1199px) { - header .header-navigation { - width: auto; - } - .wp-block-navigation__responsive-container-open { - display: flex !important; - } - .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: flex !important; - } - .wp-block-navigation__responsive-container { - display: none; - } + header .header-navigation { + width: auto; + } + .wp-block-navigation__responsive-container-open { + display: flex !important; + } + .wp-block-navigation__responsive-container-open:not(.always-shown) { + display: flex !important; + } + .wp-block-navigation__responsive-container { + display: none; + } } @media (min-width: 600px) and (max-width: 1199px) { - .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: flex; - } - .wp-block-navigation__responsive-container { - display: none; - } - .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { - display: none; - } + .wp-block-navigation__responsive-container-open:not(.always-shown) { + display: flex; + } + .wp-block-navigation__responsive-container { + display: none; + } + .wp-block-navigation__responsive-container:not(.hidden-by-default):not( + .is-menu-open + ) { + display: none; + } } @media screen and (max-width: 480px) { - .wp-block-site-logo { - width: 130px; - } - header > .wp-block-group { - padding-top: 20px !important; - padding-left: 15px; - padding-right: 15px; - } - h1 { - font-size: var(--wp--preset--font-size--x-large); - } - h2 { - font-size: var(--wp--preset--font-size--large); - } -} \ No newline at end of file + .wp-block-site-logo { + width: 130px; + } + header > .wp-block-group { + padding-top: 20px !important; + padding-left: 15px; + padding-right: 15px; + } + h1 { + font-size: var(--wp--preset--font-size--x-large); + } + h2 { + font-size: var(--wp--preset--font-size--large); + } +}