feat: implement variant selection in cart and product components for enhanced user experience
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
width: 78px;
|
||||
height: 40px;
|
||||
min-height: 40px;
|
||||
background: inherit;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
|
||||
&__button {
|
||||
@@ -15,8 +15,10 @@
|
||||
height: 100%;
|
||||
font-size: 20px;
|
||||
color: #6f6f6f;
|
||||
background: inherit;
|
||||
transition: background-color 0.2s ease, color 0.2s ease;
|
||||
background-color: #ffffff;
|
||||
transition:
|
||||
background-color 0.2s ease,
|
||||
color 0.2s ease;
|
||||
cursor: pointer;
|
||||
|
||||
&:not(:disabled):hover {
|
||||
@@ -25,7 +27,7 @@
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: #A0A0A0;
|
||||
color: #a0a0a0;
|
||||
opacity: 1;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@@ -41,12 +43,12 @@
|
||||
height: 21px;
|
||||
min-height: 21px;
|
||||
border: 1px solid #cfcfcf;
|
||||
background: inherit;
|
||||
background-color: #ffffff;
|
||||
|
||||
.quantity-selector__button {
|
||||
width: 15px;
|
||||
font-size: 10px;
|
||||
background: inherit;
|
||||
background-color: #ffffff;
|
||||
color: #666666;
|
||||
|
||||
&:not(:disabled):hover {
|
||||
|
||||
Reference in New Issue
Block a user