43 lines
916 B
SCSS
43 lines
916 B
SCSS
@mixin dealeSaaSWrapperMaxWidth($max-width: 75%) {
|
|
.pi-shell__deale-saas {
|
|
.pi-wrapper {
|
|
// Max width
|
|
&.pi-wrapper__full-width,
|
|
&.pi-wrapper__full-width-centered {
|
|
max-width: $max-width;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
html {
|
|
// Mobile
|
|
&.is-mobile {
|
|
.pi-wrapper {
|
|
div {
|
|
// Fixed wrapper
|
|
&.is-fixed {
|
|
position: fixed;
|
|
z-index: 99;
|
|
left: 0;
|
|
bottom: calc(var(--pi-height-footer) + env(safe-area-inset-bottom));
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: var(--pi-spacing-xx-small) var(--pi-spacing-x-large);
|
|
right: 0;
|
|
button {
|
|
min-width: 50%;
|
|
box-shadow: var(--pi-box-shadow);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Desktop
|
|
&.is-desktop {
|
|
@include dealeSaaSWrapperMaxWidth;
|
|
}
|
|
}
|