@shopify/polaris
Version:
Shopify’s admin product component library
94 lines (75 loc) • 1.79 kB
CSS
.Polaris-Sheet_310da{
position:fixed;
bottom:0;
width:100%;
height:100%;
background-color:var(--p-color-bg-surface);
box-shadow:var(--p-shadow-600);
}
@media screen and (-ms-high-contrast: active){
.Polaris-Sheet_310da{
border-left:var(--p-border-width-025) solid var(--p-color-border-secondary);
}
}
@media (min-width: 48em){
.Polaris-Sheet_310da{
right:0;
width:var(--pc-sheet-desktop-width);
}
}
.Polaris-Sheet_310da:focus{
outline:0;
}
.Polaris-Sheet__Container_13mbo{
--pc-sheet-desktop-width:23.75rem;
position:fixed;
z-index:var(--p-z-index-11);
top:0;
right:0;
bottom:0;
left:0;
}
@media (min-width: 48em){
.Polaris-Sheet__Container_13mbo{
left:auto;
width:var(--pc-sheet-desktop-width);
}
}
.Polaris-Sheet__Bottom_o943l{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform;
transition:transform var(--p-motion-duration-300) var(--p-motion-ease);
transform-origin:bottom;
}
.Polaris-Sheet--enterBottom_1h540{
transform:translateY(100%);
}
.Polaris-Sheet--enterBottomActive_vylvu{
transform:translateY(0%);
}
.Polaris-Sheet--exitBottom_3rhyu{
transform:translateY(0%);
}
.Polaris-Sheet--exitBottomActive_dvue7{
transform:translateY(100%);
}
.Polaris-Sheet__Right_312we{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform;
transition:transform var(--p-motion-duration-300) var(--p-motion-ease);
transform-origin:right;
}
.Polaris-Sheet--enterRight_2ne6y{
transform:translateX(100%);
}
.Polaris-Sheet--enterRightActive_mka44{
transform:translateX(0%);
}
.Polaris-Sheet--exitRight_1bfff{
transform:translateX(0%);
}
.Polaris-Sheet--exitRightActive_so2w2{
transform:translateX(100%);
}