diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/experimental_separate_sign_up.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/experimental_separate_sign_up.scss | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/app/assets/stylesheets/page_bundles/experimental_separate_sign_up.scss b/app/assets/stylesheets/page_bundles/experimental_separate_sign_up.scss new file mode 100644 index 00000000000..337b5b001fe --- /dev/null +++ b/app/assets/stylesheets/page_bundles/experimental_separate_sign_up.scss @@ -0,0 +1,96 @@ +@import 'mixins_and_variables_and_functions'; + +.signup-page { + .page-wrap { + background-color: var(--gray-10, $gray-10); + } + + .signup-box-container { + max-width: 960px; + } + + .signup-box { + background-color: var(--white, $white); + box-shadow: 0 0 0 1px var(--border-color, $border-color); + border-radius: $border-radius; + } + + .form-control { + &:active, + &:focus { + background-color: var(--white, $white); + } + } + + .devise-errors { + h2 { + font-size: $gl-font-size; + color: var(--red-700, $red-700); + } + } + + .omniauth-divider { + &::before, + &::after { + content: ''; + flex: 1; + border-bottom: 1px solid var(--gray-100, $gray-100); + margin: $gl-padding-24 0; + } + + &::before { + margin-right: $gl-padding; + } + + &::after { + margin-left: $gl-padding; + } + } + + .omniauth-btn { + width: 48%; + + @include media-breakpoint-down(md) { + width: 100%; + } + + img { + width: $default-icon-size; + height: $default-icon-size; + } + } + + .decline-page { + width: 350px; + } +} + +.signup-page[data-page^='registrations:experience_levels'] { + $card-shadow-color: rgba(var(--black, $black), 0.2); + + .page-wrap { + background-color: var(--white, $white); + } + + .card-deck { + max-width: 828px; + } + + .card { + transition: box-shadow 0.3s ease-in-out; + } + + .card:hover { + box-shadow: 0 $gl-spacing-scale-3 $gl-spacing-scale-5 $card-shadow-color; + } + + @media (min-width: $breakpoint-sm) { + .card-deck .card { + margin: 0 $gl-spacing-scale-3; + } + } + + .stretched-link:hover { + text-decoration: none; + } +} |