diff --git a/src/overrides/assets/stylesheets/custom/layout/_hero.scss b/src/overrides/assets/stylesheets/custom/layout/_hero.scss index d3aa41f9b..74546bd9c 100644 --- a/src/overrides/assets/stylesheets/custom/layout/_hero.scss +++ b/src/overrides/assets/stylesheets/custom/layout/_hero.scss @@ -57,8 +57,8 @@ // Hero headline h1 { margin-bottom: px2rem(20px); - color: currentcolor; font-weight: 700; + color: currentcolor; // [mobile portrait -]: Larger hero headline @include break-to-device(mobile portrait) { @@ -79,8 +79,8 @@ // Adjust spacing and set dimensions &__content { max-width: px2rem(380px); - margin-top: px2rem(70px); padding-bottom: 14vw; + margin-top: px2rem(70px); } // Hero image diff --git a/src/overrides/assets/stylesheets/custom/layout/_iconsearch.scss b/src/overrides/assets/stylesheets/custom/layout/_iconsearch.scss index bd21edf8b..651c4135d 100644 --- a/src/overrides/assets/stylesheets/custom/layout/_iconsearch.scss +++ b/src/overrides/assets/stylesheets/custom/layout/_iconsearch.scss @@ -88,27 +88,27 @@ position: absolute; top: px2rem(8px); right: px2rem(12px); - color: var(--md-default-fg-color--lighter); font-size: px2rem(12.8px); + color: var(--md-default-fg-color--lighter); } // Icon search result list &__list { + padding: 0; margin: 0; // Hack: necessary because of increased specificity due to the PostCSS // plugin which prefixes this with `[dir=...]` selectors. margin-inline-start: 0; - padding: 0; list-style: none; } // Icon search result item &__item { + padding: px2rem(4px) px2rem(12px); margin: 0; // Hack: necessary because of increased specificity due to the PostCSS // plugin which prefixes this with `[dir=...]` selectors. margin-inline-start: 0; - padding: px2rem(4px) px2rem(12px); border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest); // Omit border on last child diff --git a/src/overrides/assets/stylesheets/custom/layout/_sponsorship.scss b/src/overrides/assets/stylesheets/custom/layout/_sponsorship.scss index a9b51b125..e2b165706 100644 --- a/src/overrides/assets/stylesheets/custom/layout/_sponsorship.scss +++ b/src/overrides/assets/stylesheets/custom/layout/_sponsorship.scss @@ -79,10 +79,10 @@ margin: px2rem(4px); overflow: hidden; border-radius: 100%; - transform: scale(1); transition: color 125ms, transform 125ms; + transform: scale(1); // Sponsor item on focus/hover &:is(:focus, :hover) { @@ -96,10 +96,10 @@ // Private sponsor &--private { - color: var(--md-default-fg-color--lighter); - font-weight: 700; font-size: px2rem(12px); + font-weight: 700; line-height: px2rem(32px); + color: var(--md-default-fg-color--lighter); text-align: center; background: var(--md-default-fg-color--lightest); }