diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss index 9dbae9cd913662..4e0acdf159a803 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss +++ b/client/landing/stepper/declarative-flow/internals/steps-repository/domains/style.scss @@ -468,6 +468,80 @@ margin-bottom: 40px; } } + + .domains__content { + width: 100%; + @include break-small { + max-width: 960px; + } + + .domains__step-content { + padding: 0 16px; + @include break-small { + padding: 0 48px 0 32px; + } + } + // Hide the "Sale" tag + .badge.badge--warning { + display: none; + } + // Change button styles + .button.is-primary { + @include primary-button-black-theme; + } + + .domain-suggestion__content { + align-items: center; + + .domain-product-price { + margin-top: 0; + align-items: flex-end; + align-self: center; + } + } + + // Reset styles for the featured domain suggestion + .domain-suggestion.card.featured-domain-suggestion { + // box-shadow: none; + // border-top: 1px solid transparent; + // border-bottom: 1px solid var(--studio-gray-5); + // border-radius: 0; + // margin-bottom: 0; + // padding: 16px 20px; + // @include break-mobile { + // padding: 16px 5px; + // } + + // &:hover { + // border-bottom: 1px solid var(--studio-gray-50); + // border-top: 1px solid var(--studio-gray-50); + // } + + .domain-registration-suggestion__title-info { + width: auto; + max-width: 55%; + } + + // .domain-registration-suggestion__title-wrapper { + // gap: 4px; + // @include break-mobile { + // flex-direction: row; + // align-items: center; + // gap: 12px; + // } + // .domain-registration-suggestion__badges { + // margin-bottom: 0; + // } + // } + + // .domain-registration-suggestion__domain-title { + // font-size: 1rem; + // .domain-registration-suggestion__domain-title-tld { + // font-weight: 500; + // } + // } + } + } } // Hundred year plan flow