mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 15:36:58 +00:00
49 lines
953 B
CSS
49 lines
953 B
CSS
.root {
|
|
@apply flex flex-col py-4;
|
|
}
|
|
|
|
.root:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.actions {
|
|
@apply flex p-1 border-accent-2 border items-center justify-center w-12 text-accent-7;
|
|
transition-property: border-color, background, color, transform, box-shadow;
|
|
transition-duration: 0.15s;
|
|
transition-timing-function: ease;
|
|
}
|
|
|
|
.actions:hover {
|
|
@apply bg-accent-1 border-accent-3 text-accent-9;
|
|
transition: border-color;
|
|
z-index: 10;
|
|
}
|
|
|
|
.actions:focus {
|
|
@apply bg-accent-2 outline-none;
|
|
}
|
|
|
|
.quantity {
|
|
appearance: textfield;
|
|
@apply w-8 border-accent-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;
|
|
}
|
|
|
|
.productName {
|
|
@apply font-medium cursor-pointer pb-1;
|
|
margin-top: -4px;
|
|
}
|