143 lines
2.0 KiB
SCSS
143 lines
2.0 KiB
SCSS
|
#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;
|
||
|
|
}
|