.auth{
padding-top: $navbar-height + 32pt;
}
.auth__inner{
min-height: calc( 100vh - #{$navbar-height + 96pt}); // Triple so that the bottom is largely padded too... display: flex; align-items: center; flex-direction: column; justify-content: center; @include desktop{ flex-direction: row; }
}
.auth__media{
@include desktop{ width: 50%; flex-shrink: 0; } img,svg{ max-height: 150px; max-width: 90%; @include noDragging; @include noSelect; @include tablet{ max-height: 300px; } @include desktop{ max-height: 400px; } }
}
.auth__auth{
text-align: center; @include desktop{ width: 50%; flex-shrink: 0; }
}
// Page title for auth must be h1 but with the sizing of h2 .auth__title{
font-size: 1.728em;
}