mirror of
https://github.com/vercel/commerce.git
synced 2025-06-30 18:31:21 +00:00
44 lines
880 B
CSS
44 lines
880 B
CSS
.root {
|
|
@apply flex flex-col py-4;
|
|
}
|
|
|
|
.root:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.actions {
|
|
@apply flex p-1 border-accents-3 border items-center justify-center w-12 text-accents-7;
|
|
transition-property: border-color, background, color, transform, box-shadow;
|
|
transition-duration: 0.15s;
|
|
transition-timing-function: ease;
|
|
}
|
|
|
|
.actions:hover {
|
|
@apply bg-accents-1 border-accents-4 text-accents-9;
|
|
transition: border-color;
|
|
z-index: 10;
|
|
}
|
|
|
|
.actions:focus {
|
|
@apply bg-accents-2 outline-none;
|
|
}
|
|
|
|
.quantity {
|
|
appearance: textfield;
|
|
@apply w-8 border-accents-2 border mx-3 rounded text-center text-sm text-black;
|
|
}
|
|
|
|
.quantity::-webkit-outer-spin-button,
|
|
.quantity::-webkit-inner-spin-button {
|
|
@apply appearance-none m-0;
|
|
}
|
|
|
|
.productImage {
|
|
position: absolute;
|
|
transform: scale(1.9);
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 30% !important;
|
|
top: 30% !important;
|
|
}
|