#cart-container { .cart-right-column { > .card { position:sticky; top:100px; } } } .cart-table { th { /*color:$gray-600;*/ font-size:85%; font-weight:500; padding:0.5rem 1.5rem; } td strong { /*color:$gray-600;*/ font-size:85%; } tr:last-child td { border-width:0; } .price { font-size:85%; color: rgba(var(--bs-body-color-rgb), 0.85); } .option, .subscription { margin-top:0.5rem; font-size:80%; color:var(--bs-secondary); } .mini-cart & { font-size:14px; } } .btn-remove { color:var(--bs-secondary-color); i { color:var(--bs-danger-border-subtle); } &:before {display:none} &:hover { color:var(--bs-danger); i { visibility:visible; color:var(--bs-danger); } } } .quantity { //width:140px; font-size:85%; display:inline-block; .input-group { border:1px solid var(--bs-border-color); border:1px solid var(--bs-light-border-subtle); border-radius:4px; input.form-control[type=number] { width: 2rem; border: none; padding-left: 0; padding-right: 0; text-align:center; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; box-shadow:none; background:transparent; &:focus { outline: none; } &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } } .btn { border:none; background:var(--bs-body-bg-color); font-weight:bold; &:hover { background:var(--bs-light); color:var(--bs-link-color); } i { vertical-align:middle; line-height:var(--bs-btn-line-height); } &.btn-sm { i { line-height:2; } } } } } .cart-total { td { font-weight:500; } } .cart-box > div, .checkout-page [data-v-component-cart] { > .table-responsive { max-height:250px; overflow-y: auto; } } .mini-cart .dropdown-toggle .badge { padding: 0.2rem 0.3rem; position: absolute; right: 18px; margin-top: -5px; }