33 lines
725 B
SCSS
33 lines
725 B
SCSS
@mixin dealeWebsiteWrapperMaxWidth(
|
|
$max-width: calc(100% - var(--pi-spacing-xx-large))
|
|
) {
|
|
.pi-shell__deale-website {
|
|
.pi-wrapper {
|
|
// Max width
|
|
&.pi-wrapper__full-width,
|
|
&.pi-wrapper__full-width-centered {
|
|
max-width: $max-width;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
html {
|
|
&.is-mobile {
|
|
@include dealeWebsiteWrapperMaxWidth;
|
|
}
|
|
&.is-tablet {
|
|
@include dealeWebsiteWrapperMaxWidth(calc(100% - 3rem));
|
|
}
|
|
&.is-desktop {
|
|
// Desktop S & M
|
|
&:not(.is-desktop__large) {
|
|
@include dealeWebsiteWrapperMaxWidth(var(--pi-public-width-container));
|
|
}
|
|
// Desktop L
|
|
&.is-desktop__large {
|
|
@include dealeWebsiteWrapperMaxWidth(var(--pi-public-width-container-l));
|
|
}
|
|
}
|
|
}
|