84 lines
2.2 KiB
SCSS
84 lines
2.2 KiB
SCSS
html {
|
|
// Mobile & Tablet
|
|
&:not(.is-desktop) {
|
|
// Small Device
|
|
@media screen and (max-width: 62rem) {
|
|
.pi-layout {
|
|
&.pi-layout__00-authentication {
|
|
&.pi-layout__00-authentication--auth {
|
|
// Panel in authentication layout
|
|
.pi-panel {
|
|
.pi-panel-content__left {
|
|
display: none;
|
|
}
|
|
.pi-panel-content__right {
|
|
padding-top: var(--pi-spacing-xxx-large);
|
|
@media screen and (max-height: 41.6875rem) {
|
|
transform: scale(0.95);
|
|
&.pi-wrapper {
|
|
&.pi-wrapper__gap--xl {
|
|
gap: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Headline in authentication layout
|
|
.pi-headline {
|
|
&.pi-headline__type--logo {
|
|
& > figure {
|
|
max-width: 5.75rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Panel in Root auth form
|
|
&.pi-layout__00-authentication--root-org {
|
|
// Panel in authentication layout
|
|
.pi-panel {
|
|
.pi-panel-content__center {
|
|
.pi-wrapper {
|
|
&:first-child {
|
|
margin-top: var(--pi-spacing-medium);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Tablet & Desktop
|
|
&:not(.is-mobile) {
|
|
// Large Device
|
|
@media screen and (min-width: 62rem) {
|
|
.pi-layout {
|
|
&.pi-layout__00-authentication {
|
|
&.pi-layout__00-authentication--auth {
|
|
// Panel in authentication layout
|
|
.pi-panel {
|
|
.pi-panel-content__left {
|
|
display: grid;
|
|
grid-template-rows: repeat(2, 1fr);
|
|
& > *:nth-child(n + 1) {
|
|
align-self: end;
|
|
}
|
|
}
|
|
}
|
|
// Headline in authentication layout
|
|
.pi-headline {
|
|
&.pi-headline__type--logo {
|
|
& > figure {
|
|
max-width: 4.6875rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|