From 4c82c59fcecc951910f2dbec3885a7056f6ff544 Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Thu, 20 Nov 2025 15:27:24 -0600 Subject: [PATCH 1/3] FIX: Adjust banner text size --- common/common.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/common/common.scss b/common/common.scss index 41714c0d..264ab2a9 100644 --- a/common/common.scss +++ b/common/common.scss @@ -18,10 +18,6 @@ p { margin-top: 0.5em; margin-bottom: 2em; - - @include viewport.from(lg) { - font-size: var(--font-up-1); - } } .btn { From 11a6fe18a7f103883a9214112f6938cc9f7ead2f Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Thu, 20 Nov 2025 15:56:53 -0600 Subject: [PATCH 2/3] adjust-for-placement --- common/common.scss | 119 +++++++++++++++++++-------------------------- 1 file changed, 50 insertions(+), 69 deletions(-) diff --git a/common/common.scss b/common/common.scss index 264ab2a9..614cef68 100644 --- a/common/common.scss +++ b/common/common.scss @@ -1,73 +1,73 @@ @use "lib/viewport"; // custom search banner customizations -.custom-search-banner-wrap { - margin: 0 auto !important; - max-width: unset; - color: var(--secondary); +.welcome-banner { + &.--location-above-topic-content .custom-search-banner-wrap { + color: var(--primary); + } - .custom-search-banner-headline, - h1 { - line-height: var(--line-height-small); + .custom-search-banner-wrap { + color: var(--secondary); - @include viewport.from(lg) { - font-size: 4em; + .custom-search-banner-headline, + h1 { + line-height: var(--line-height-small); } - } - p { - margin-top: 0.5em; - margin-bottom: 2em; - } + p { + margin-top: 0.5em; + margin-bottom: 2em; + } - .btn { - height: 100%; - } + .btn { + height: 100%; + } - .search-menu input[type="text"] { - border: 1px solid transparent; - border-radius: 0.25em; - min-height: 40px; + .search-menu input[type="text"] { + border: 1px solid transparent; + border-radius: 0.25em; + min-height: 40px; - &:focus { - outline: 3px solid rgb(var(--primary-rgb), 0.35); + &:focus { + outline: 3px solid rgb(var(--primary-rgb), 0.35); + } } - } - .widget-link.show-help { - color: rgb(var(--primary-rgb), 0.75); - border-radius: 0.5em; - padding: 0.5em; - background-color: rgb(var(--secondary-rgb), 0.25); + .widget-link.show-help { + color: rgb(var(--primary-rgb), 0.75); + border-radius: 0.5em; + padding: 0.5em; + background-color: rgb(var(--secondary-rgb), 0.25); - &:hover { - color: var(--primary); + &:hover { + color: var(--primary); + } } - } - .search-menu .search-input { - border-color: var(--tertiary-hover); - outline: 1px solid var(--tertiary-hover); - } + .search-menu .search-input { + border-color: var(--tertiary-hover); + outline: 1px solid var(--tertiary-hover); + } - .results { - top: 43px; - border-radius: 0.25em; - } + .results { + top: 43px; + border-radius: 0.25em; + } - .search-context { - top: 3.25em; - right: 1em; + .search-context { + top: 3.25em; + right: 1em; + } } -} -.search-input { - border-radius: 0.25em; -} + .search-input { + border-radius: 0.25em; + } -.display-search-banner { - #main-outlet { - padding-top: 2em; + .display-search-banner { + #main-outlet { + padding-top: 2em; + } } } @@ -238,25 +238,6 @@ div.ac-wrap { border: 1px solid transparent; } -.menu-panel .widget-link:hover, -.menu-panel .widget-link:focus, -.menu-panel .categories-link:hover, -.menu-panel .categories-link:focus { - background-color: rgb(var(--tertiary-rgb), 0.5); -} - -.btn:not(.themes-tab, .components-tab), -.select-kit.dropdown-select-box .dropdown-select-box-header { - border-radius: 8px; - border: 1px solid transparent; -} - -.post-admin-menu.popup-menu { - .btn.widget-button { - border-radius: 0; - } -} - .unread-high-priority-notifications { background: var(--quaternary); } From 5d95474573b26a4ddf2a37fab1bf055d04ffffb6 Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Thu, 20 Nov 2025 15:58:03 -0600 Subject: [PATCH 3/3] adjust-for-placement --- common/common.scss | 100 ++++++++++++++++++++++----------------------- 1 file changed, 49 insertions(+), 51 deletions(-) diff --git a/common/common.scss b/common/common.scss index 614cef68..6726928f 100644 --- a/common/common.scss +++ b/common/common.scss @@ -1,73 +1,71 @@ @use "lib/viewport"; // custom search banner customizations -.welcome-banner { - &.--location-above-topic-content .custom-search-banner-wrap { - color: var(--primary); - } - - .custom-search-banner-wrap { - color: var(--secondary); - - .custom-search-banner-headline, - h1 { - line-height: var(--line-height-small); - } +.welcome-banner.--location-above-topic-content .custom-search-banner-wrap { + color: var(--primary); +} - p { - margin-top: 0.5em; - margin-bottom: 2em; - } +.custom-search-banner-wrap { + color: var(--secondary); - .btn { - height: 100%; - } + .custom-search-banner-headline, + h1 { + line-height: var(--line-height-small); + } - .search-menu input[type="text"] { - border: 1px solid transparent; - border-radius: 0.25em; - min-height: 40px; + p { + margin-top: 0.5em; + margin-bottom: 2em; + } - &:focus { - outline: 3px solid rgb(var(--primary-rgb), 0.35); - } - } + .btn { + height: 100%; + } - .widget-link.show-help { - color: rgb(var(--primary-rgb), 0.75); - border-radius: 0.5em; - padding: 0.5em; - background-color: rgb(var(--secondary-rgb), 0.25); + .search-menu input[type="text"] { + border: 1px solid transparent; + border-radius: 0.25em; + min-height: 40px; - &:hover { - color: var(--primary); - } + &:focus { + outline: 3px solid rgb(var(--primary-rgb), 0.35); } + } - .search-menu .search-input { - border-color: var(--tertiary-hover); - outline: 1px solid var(--tertiary-hover); - } + .widget-link.show-help { + color: rgb(var(--primary-rgb), 0.75); + border-radius: 0.5em; + padding: 0.5em; + background-color: rgb(var(--secondary-rgb), 0.25); - .results { - top: 43px; - border-radius: 0.25em; + &:hover { + color: var(--primary); } + } - .search-context { - top: 3.25em; - right: 1em; - } + .search-menu .search-input { + border-color: var(--tertiary-hover); + outline: 1px solid var(--tertiary-hover); } - .search-input { + .results { + top: 43px; border-radius: 0.25em; } - .display-search-banner { - #main-outlet { - padding-top: 2em; - } + .search-context { + top: 3.25em; + right: 1em; + } +} + +.search-input { + border-radius: 0.25em; +} + +.display-search-banner { + #main-outlet { + padding-top: 2em; } }