diff --git a/common/common.scss b/common/common.scss index 95b5dda..a10bfbe 100644 --- a/common/common.scss +++ b/common/common.scss @@ -1,7 +1,21 @@ +// these are add-on styles controlled by settings +@import "special-styles"; + .welcome-banner:not(.below-site-header-outlet, .above-main-container-outlet) { display: none; } +.search-banner { + background-image: var(--custom-bg); + + @if $tile-background_image == "true" { + background-size: auto; + } @else { + background-size: cover; + background-repeat: no-repeat; + } +} + .welcome-banner { .btn.search-icon:not(.has-search-button-text) { z-index: 2; diff --git a/stylesheets/special-styles.scss b/stylesheets/special-styles.scss index b4c8309..87798e7 100644 --- a/stylesheets/special-styles.scss +++ b/stylesheets/special-styles.scss @@ -1,6 +1,10 @@ @if $special-style == "big search, no text" { + .welcome-banner { + margin-bottom: 0; + } + .custom-search-banner-wrap { - padding: 0; + padding: 1em; @if $background-image-light != "" { background-image: var(--custom-bg); @@ -14,6 +18,13 @@ .results { max-width: unset; width: 100%; + font-size: var(--font-down-3); + top: 3.45em; + padding: 0; + + .search-result-topic .first-line { + font-size: var(--font-up-1); + } } .search-context { @@ -31,16 +42,6 @@ max-width: unset; } - .results { - font-size: var(--font-down-3); - top: 3.45em; - padding: 0; - - .search-result-topic .first-line { - font-size: var(--font-up-1); - } - } - .blurb { font-size: var(--font-down-2); max-width: 600px; @@ -61,6 +62,7 @@ .search-menu-recent { font-size: var(--font-down-1); margin-top: 0; + li:last-child { .search-link { margin-bottom: 0; @@ -74,7 +76,7 @@ } .no-results { - padding: 1em; + padding: 1em !important; } .results > * { @@ -100,6 +102,7 @@ .show-more { margin-top: 0.33em; + .search-link { margin-bottom: 0; } @@ -113,9 +116,5 @@ .search-input .searching { top: 0.45em; } - - .no-results { - padding: 1em !important; - } } }