← Back
Editing: mini-cart.css
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-mini-cart__quantity-badge{align-items:center;display:flex;position:relative}.wc-block-mini-cart__quantity-badge:empty{display:none}.wc-block-mini-cart__badge{align-items:center;border-radius:1em;box-sizing:border-box;display:flex;font-size:.875em;font-weight:600;height:1.4285714286em;justify-content:center;left:100%;margin-left:-44%;min-width:1.4285714286em;padding:0 .25em;position:absolute;transform:translateY(-50%);white-space:nowrap;z-index:1}.wc-block-mini-cart__badge[hidden]{display:none}:where(.wc-block-mini-cart__badge){background-color:transparent;color:transparent}.wc-block-mini-cart__badge:empty{opacity:0}.wc-block-mini-cart__icon{display:block;height:2em;margin:-.25em;width:2em}html[dir=rtl] .wc-block-mini-cart__icon{transform:scaleX(-1)} @keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-mini-cart{display:inline-block}.wc-block-mini-cart__template-part,.wp-block-woocommerce-mini-cart-contents{height:100%}@media screen and (max-height:500px){.wp-block-woocommerce-mini-cart-contents{height:auto}.wc-block-mini-cart__drawer{overflow-y:auto}.wc-block-mini-cart__footer{position:static}}.wc-block-mini-cart__button{align-items:center;background-color:transparent;border:none;color:inherit;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;gap:.5em;line-height:1;padding:.5em;white-space:nowrap}.wc-block-mini-cart__button:hover:not([disabled]){cursor:pointer}.wc-block-mini-cart__button .wc-block-mini-cart__icon{height:1.5em;margin:0;width:1.5em}.wc-block-mini-cart--preview .wc-block-mini-cart__amount{display:initial}.wc-block-mini-cart__tax-label{margin-right:.5em}@media screen and (min-width:768px){.wc-block-mini-cart__amount{display:initial;font-size:inherit;font-weight:inherit}}.drawer-open .wc-block-mini-cart__button{pointer-events:none}.wc-block-mini-cart__drawer{font-size:1rem}.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents{box-sizing:border-box;justify-content:center;padding:0;position:relative}.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents .wc-block-components-notices{margin:16px 48px -16px 16px;margin-bottom:unset}.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents .wc-block-components-notices .wc-block-components-notices__notice{margin-bottom:unset}.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents .wc-block-components-notices:empty{display:none}:where(.wp-block-woocommerce-mini-cart-contents){background:#fff}.wp-block-woocommerce-empty-mini-cart-contents-block,.wp-block-woocommerce-filled-mini-cart-contents-block{background:inherit;display:flex;flex-direction:column;height:100%;max-height:fill-available}.wp-block-woocommerce-empty-mini-cart-contents-block[hidden],.wp-block-woocommerce-filled-mini-cart-contents-block[hidden]{display:none}.wp-block-woocommerce-empty-mini-cart-contents-block{justify-content:center}.wp-block-woocommerce-filled-mini-cart-contents-block{justify-content:space-between}.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper{overflow-y:auto;padding:48px 16px 16px}h2.wc-block-mini-cart__title{align-items:baseline;background:inherit;display:flex;font-size:2em;margin:16px 16px -32px;mask-image:linear-gradient(#000 calc(100% - 24px),transparent);padding-bottom:32px;z-index:1}h2.wc-block-mini-cart__title span:first-child{margin-right:8px}.wc-block-mini-cart__items{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:16px 16px 0}.wc-block-mini-cart__items .wc-block-mini-cart__products-table{margin-bottom:auto}.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row{padding-bottom:8px;padding-top:8px}.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row[hidden]{display:none}.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row:last-child:after{content:none}.wc-block-mini-cart__footer{border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:24px 16px}.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal{font-weight:600;margin-bottom:16px}.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description{display:none;font-size:var(--wp--preset--font-size--x-small,calc(var(--wp--preset--font-size--small, 14px)*.875));font-weight:400;line-height:1.4}@media only screen and (min-width:480px){.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description{display:unset}}.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex;gap:16px}.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-button,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-checkout-button-block,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout .wc-block-components-button,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout .wp-block-button,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout .wp-block-woocommerce-mini-cart-cart-button-block,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout .wp-block-woocommerce-mini-cart-checkout-button-block{display:inline-flex;flex-grow:1}@media only screen and (min-width:480px){.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout .wp-block-woocommerce-mini-cart-cart-button-block{display:inline-flex}}@media only screen and (max-width:480px){.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions,.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:column}}.wc-block-mini-cart__footer .wc-block-components-payment-method-icons{margin-top:16px}.wc-block-mini-cart__shopping-button{display:flex;justify-content:center}.wc-block-mini-cart__shopping-button a{border:2px solid;color:currentColor;font-weight:600;padding:12px 24px;text-decoration:none}.wc-block-mini-cart__shopping-button a:focus,.wc-block-mini-cart__shopping-button a:hover{background-color:#1e1e1e;border-color:#1e1e1e;color:#fff} @keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-button:not(.is-link){align-items:center;display:inline-flex;height:auto;justify-content:center;position:relative;text-align:center;transition:box-shadow .1s linear}.wc-block-components-button:not(.is-link):focus{box-shadow:0 0 0 2px #0675c4;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #0675c4;outline:3px solid transparent}.wc-block-components-button:not(.is-link) .wc-block-components-button__text{text-wrap:balance;text-wrap:pretty;display:block}.wc-block-components-button:not(.is-link) .wc-block-components-button__text>svg{fill:currentColor}.wc-block-components-button:not(.is-link).text{color:#1e1e1e}.wc-block-components-button:not(.is-link).text:hover{opacity:.9}.wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text{opacity:.5}.wc-block-components-button:not(.is-link).is-style-outline,.wc-block-components-button:not(.is-link).outlined{background:transparent;color:currentColor}.wc-block-components-button:not(.is-link).is-style-outline:not(:focus),.wc-block-components-button:not(.is-link).outlined:not(:focus){box-shadow:inset 0 0 0 1px currentColor}.wc-block-components-button:not(.is-link).is-style-outline:active,.wc-block-components-button:not(.is-link).is-style-outline:disabled,.wc-block-components-button:not(.is-link).is-style-outline:focus,.wc-block-components-button:not(.is-link).is-style-outline:hover,.wc-block-components-button:not(.is-link).outlined:active,.wc-block-components-button:not(.is-link).outlined:disabled,.wc-block-components-button:not(.is-link).outlined:focus,.wc-block-components-button:not(.is-link).outlined:hover{background-color:#1e1e1e;color:#fff}.wc-block-components-button:not(.is-link).is-style-outline:hover,.wc-block-components-button:not(.is-link).outlined:hover{background-color:#1e1e1e;color:#fff;opacity:1}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){min-height:3em}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus{box-shadow:0 0 0 2px #0675c4;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #0675c4;outline:3px solid transparent}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text{color:#1e1e1e}body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text:hover{opacity:.9} @keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{transform:translateX(0)}to{transform:translateX(max(-100%,var(--neg-drawer-width)))}}@keyframes rtlslidein{0%{transform:translateX(0)}to{transform:translateX(min(100%,var(--drawer-width)))}}.wc-block-components-drawer__screen-overlay{background-color:rgba(95,95,95,.35);bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .3s;z-index:9999}.wc-block-components-drawer__screen-overlay--with-slide-out{transition:opacity .3s}.wc-block-components-drawer__screen-overlay--with-slide-in{animation-duration:.3s;animation-name:fadein}.wc-block-components-drawer__screen-overlay--is-hidden{opacity:0;pointer-events:none}.wc-block-components-drawer{background:#fff;border-left:1px solid color-mix(in srgb,currentColor 30%,transparent);display:block;height:100%;left:100%;max-width:100%;position:fixed;right:0;top:0;transform:translateX(max(-100%,var(--neg-drawer-width)));width:var(--drawer-width)}.rtl .wc-block-components-drawer{transform:translateX(min(100%,var(--drawer-width)))}.wc-block-components-drawer__screen-overlay--with-slide-out .wc-block-components-drawer{transition:transform .3s}.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer{animation-duration:.3s;animation-name:slidein}.rtl .wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer{animation-name:rtlslidein}.wc-block-components-drawer__screen-overlay--is-hidden .wc-block-components-drawer{transform:translateX(0)}@media screen and (prefers-reduced-motion:reduce){.wc-block-components-drawer,.wc-block-components-drawer__screen-overlay{animation-name:none!important;transition:none!important}}.wc-block-components-button.wc-block-components-drawer__close{background:transparent!important;border:0;border-radius:0;color:inherit!important;margin:-1em;opacity:.6;padding:0;padding:1em!important;position:absolute!important;right:12px;top:12px;vertical-align:baseline;z-index:2}.wc-block-components-button.wc-block-components-drawer__close:active,.wc-block-components-button.wc-block-components-drawer__close:focus,.wc-block-components-button.wc-block-components-drawer__close:hover{opacity:1}.wc-block-components-button.wc-block-components-drawer__close:focus:not(:focus-visible){box-shadow:none;outline:none}.wc-block-components-button.wc-block-components-drawer__close svg{fill:currentColor;display:block}.wc-block-components-drawer__content{height:100dvh;position:relative}.admin-bar .wc-block-components-drawer__content{height:calc(100dvh - var(--wp-admin--admin-bar--height, 0px));margin-top:var(--wp-admin--admin-bar--height,0)}
Save File
Cancel