src-migrate/modules/product/PromoCard.module.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

.card {
    @apply border border-gray_r-7
        rounded-lg 
        min-w-[360px]
        max-w-[360px]
        py-3;
}

.countdownSection {
    @apply w-fit p-2.5 pr-6 
        rounded-r-full 
        font-medium
        flex items-center gap-x-2.5;
}

.countdown {
    @apply flex gap-x-1;
}

.countdown span {
    @apply py-0.5 w-8 bg-red-600 text-gray_r-4 rounded-md text-center;
}

.title {
    @apply font-semibold text-h-md;
}

.productSection {
    @apply flex gap-x-3 mt-4 min-h-[180px];
}

.priceSection {
    @apply flex items-center justify-between mt-4;
}

.priceCol {
    @apply flex flex-col gap-y-1;
}

.priceRow {
    @apply flex gap-x-2 items-center;
}

.basePrice {
    @apply line-through;
}

.savingAmt {
    @apply text-success-600 font-medium;
}

.price {
    @apply text-body-1 text-danger-600 font-medium;
}

.totalItems {
    @apply text-gray_r-9;
}

.addToCartBtn {
    @apply btn-yellow flex items-center gap-x-1 px-2 rounded-lg;
}