drawer.css — SureCart – Ecommerce Made Easy For Selling Physical Products, Digital Downloads, Subscriptions, Donations, & Payments 3.0.3

surecart / packages / blocks-next / build / styles / drawer.css
surecart / packages / blocks-next / build / styles Last commit date
drawer.css
2 lines
.sc-drawer{-webkit-animation:slide-out var(--sc-drawer-transition-speed,var(--sc-transition-medium)) cubic-bezier(.4,0,.2,1);animation:slide-out var(--sc-drawer-transition-speed,var(--sc-transition-medium)) cubic-bezier(.4,0,.2,1);background-color:var(--sc-panel-background-color);border:none;border-radius:0;bottom:auto;-webkit-box-shadow:var(--sc-shadow-x-large);box-shadow:var(--sc-shadow-x-large);-webkit-box-shadow:0 0 0 100vw rgba(0,0,0,.1);box-shadow:0 0 0 100vw rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--sc-font-sans);font-weight:var(--sc-font-weight-normal);left:auto;margin:auto;min-height:100dvh;min-width:var(--sc-drawer-min-width,"300px");outline:none;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:var(--sc-drawer-width,31rem);z-index:var(--sc-z-index-drawer,999999999)}.sc-drawer__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:calc(100dvh - 2px);overflow:hidden}.sc-drawer[open]{-webkit-animation:slide-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) cubic-bezier(.4,0,.2,1);animation:slide-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) cubic-bezier(.4,0,.2,1)}.sc-drawer:modal{display:block;margin:0;padding:0}.sc-drawer::-ms-backdrop{animation:backdrop-fade-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) ease backwards;animation-direction:reverse;background-color:var(--sc-color-gray-800);opacity:.25;pointer-events:all}.sc-drawer::backdrop{-webkit-animation:backdrop-fade-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) ease backwards;animation:backdrop-fade-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) ease backwards;animation-direction:reverse;background-color:var(--sc-color-gray-800);opacity:.25;pointer-events:all}.sc-drawer[open]::-ms-backdrop{animation:backdrop-fade-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) ease forwards}.sc-drawer[open]::backdrop{-webkit-animation:backdrop-fade-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) ease forwards;animation:backdrop-fade-in var(--sc-drawer-transition-speed,var(--sc-transition-medium)) ease forwards}.sc-drawer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:var(--sc-drawer-border);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--sc-drawer-header-spacing,var(--sc-spacing-medium))}.sc-drawer__title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font:inherit;font-size:var(--sc-font-size-large);line-height:var(--sc-line-height-dense);margin:0}.sc-drawer__close{-webkit-box-flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sc-color-gray-500);cursor:pointer;font-size:var(--sc-font-size-x-large)}.sc-drawer__body{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;padding:var(--sc-drawer-body-spacing,var(--sc-spacing-medium));-webkit-overflow-scrolling:touch;height:var(--sc-drawer-size,400px);min-height:200px}.sc-drawer__footer{border-top:var(--sc-drawer-border);padding:var(--sc-drawer-footer-spacing,var(--sc-spacing-medium))}@-webkit-keyframes slide-in{0%{display:-webkit-box;display:flex;opacity:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateX(100%);transform:translateX(100%)}to{display:-webkit-box;display:flex;opacity:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(100%);transform:translateX(100%)}to{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-out{0%{display:-webkit-box;display:flex;opacity:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateX(0);transform:translateX(0)}to{display:none;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-out{0%{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(0);transform:translateX(0)}to{display:none;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes backdrop-fade-in{0%{opacity:0}to{opacity:var(--sc-drawer-backdrop-opacity,.35)}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:var(--sc-drawer-backdrop-opacity,.35)}}