You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
.onboarding { background: linear-gradient(to bottom, mc('grey', '900') 0%, mc('grey', '800') 100%); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: mc('grey', '50');
&::before { content: ''; display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url('../static/svg/login-bg-motif.svg'); background-position: center center; background-repeat: repeat; background-size: 500px; z-index: 0; opacity: .75; animation: onboardingBgReveal 50s linear infinite;
@include keyframes(onboardingBgReveal) { 0% { background-position-y: 0; } 100% { background-position-y: -2000px; } } }
img { width: 500px; filter: grayscale(100%) brightness(160%); margin-bottom: 3rem; z-index: 2;
@include until($tablet) { width: 300px; } } h1 { font-size: 1.5rem; margin-bottom: 1rem; z-index: 2; } h2 { margin-bottom: 3rem; z-index: 2; } .button { z-index: 2; } }
|