chore: copia de libs/shared con prefijo Pi y APIs de terceros actualizadas
This commit is contained in:
42
libs/ui/src/lib/styles/deale-saas/wrappers/_pi-wrapper.scss
Normal file
42
libs/ui/src/lib/styles/deale-saas/wrappers/_pi-wrapper.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user