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

surecart / packages / blocks-next / build / styles / dropdown.css
surecart / packages / blocks-next / build / styles Last commit date
dropdown.css
2 lines
.sc-dropdown{display:inline-block;position:relative}.sc-dropdown__panel{background-color:var(--sc-panel-background-color);border:1px solid var(--sc-panel-border-color);border-radius:var(--sc-border-radius-medium);-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);-webkit-box-shadow:var(--sc-shadow-large);box-shadow:var(--sc-shadow-large);color:var(--color);font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);max-height:var(--sc-dropdown-height,75vh);overflow:auto;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-ms-scroll-chaining:none;margin-top:.5em;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;overscroll-behavior:none;padding:var(--sc-spacing-x-small) 0;position:absolute;-webkit-transition:var(--sc-transition-fast) opacity,var(--sc-transition-fast) transform;transition:var(--sc-transition-fast) opacity,var(--sc-transition-fast) transform;z-index:5}.sc-dropdown__panel--center{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}.sc-dropdown__panel--right{right:0;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.sc-dropdown__panel--bottom{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}.sc-dropdown__panel--top-left{bottom:calc(100% + 10px);left:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.sc-dropdown__panel--top-right{bottom:calc(100% + 10px);right:0;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.sc-dropdown__menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;color:var(--sc-menu-item-color,var(--sc-color-gray-700));cursor:pointer;font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);letter-spacing:var(--sc-letter-spacing-normal);line-height:var(--sc-menu-item-line-height,var(--sc-line-height-normal));padding:var(--sc-spacing-xx-small) var(--sc-spacing-x-large);text-align:left;text-decoration:none!important;-webkit-transition:var(--sc-input-transition,var(--sc-transition-medium)) fill,var(--sc-input-transition,var(--sc-transition-medium)) background-color;transition:var(--sc-input-transition,var(--sc-transition-medium)) fill,var(--sc-input-transition,var(--sc-transition-medium)) background-color;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:var(--sc-menu-item-white-space,nowrap)}.sc-dropdown__menu-item.sc-focused,.sc-dropdown__menu-item:focus,.sc-dropdown__menu-item:hover{background-color:var(--sc-menu-item-background-focused,var(--sc-color-gray-100));outline:none}.sc-dropdown__menu-item.menu-item--disabled{color:var(--sc-color-gray-400);cursor:not-allowed;outline:none}.sc-dropdown__menu-item__label{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.sc-dropdown__menu-item .sc-menu-item__check{display:-webkit-box;display:-ms-flexbox;display:flex;left:.5em;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:inherit}.sc-dropdown__menu-item .sc-menu-item__check svg{height:1em;width:1em}.sc-dropdown__menu-item .sc-menu-item__check--right{left:auto;right:1em}