|
1 | | -@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap'); |
| 1 | +@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap"); |
2 | 2 |
|
3 | 3 | :root { |
4 | 4 | /* primary */ |
|
14 | 14 |
|
15 | 15 | .nftCardBody { |
16 | 16 | font-size: 18px; |
17 | | - font-family: 'Outfit', sans-serif; |
| 17 | + font-family: "Outfit", sans-serif; |
18 | 18 | height: 100vh; |
19 | 19 | background-color: var(--mainBg); |
20 | 20 | } |
21 | 21 |
|
22 | 22 | .nftCard-cardItem { |
23 | 23 | background-color: var(--cardBg); |
24 | | - width: 300px; |
25 | | - padding: 20px; |
| 24 | + max-width: 350px; |
| 25 | + padding: 24px; |
| 26 | + padding-bottom: 32px; |
26 | 27 | border-radius: 15px; |
27 | 28 | color: var(--Soft-blue); |
| 29 | + box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.0952917); |
28 | 30 | } |
29 | 31 |
|
30 | 32 | .nftCard-nft-img { |
|
62 | 64 |
|
63 | 65 | .nftCard-title { |
64 | 66 | color: var(--White); |
65 | | - margin: 15px 0px; |
66 | | - font-size: 18px; |
| 67 | + margin: 20px 0px 16px; |
| 68 | + font-size: 22px; |
| 69 | + line-height: 27.72px; |
67 | 70 | font-weight: 600; |
68 | 71 | transition: all 0.4s ease-in-out; |
69 | 72 | } |
70 | 73 | .nftCard-desc { |
71 | 74 | display: flex; |
72 | 75 | font-weight: 300; |
73 | 76 | justify-content: space-between; |
74 | | - margin: 20px 0px; |
| 77 | + margin: 24px 0px; |
75 | 78 | font-size: 16px; |
76 | 79 | align-items: center; |
| 80 | + line-height: 20.16px; |
77 | 81 | } |
78 | 82 |
|
79 | 83 | .nftCard-price { |
80 | 84 | color: var(--Cyan); |
81 | | - font-weight: 400; |
| 85 | + font-weight: 600; |
82 | 86 | } |
83 | 87 |
|
84 | 88 | .nftCard-icon { |
85 | | - margin-right: 5px; |
| 89 | + margin-right: 6.48px; |
86 | 90 | display: flex; |
87 | 91 | align-items: center; |
88 | 92 | height: 100%; |
|
92 | 96 | .nftCard-countdown { |
93 | 97 | display: flex; |
94 | 98 | align-items: center; |
95 | | - font-size: 14px; |
| 99 | + font-size: 16px; |
96 | 100 | } |
97 | 101 |
|
98 | | -.nftCard-p { |
99 | | - font-weight: 300; |
100 | | - font-size: 16px; |
| 102 | +.nftCard-countdown { |
| 103 | + font-weight: 400; |
101 | 104 | } |
102 | 105 |
|
103 | | -.nftCard-p:first-of-type { |
104 | | - line-height: 1.5; |
| 106 | +.nftCard-countdown > .nftCard-icon { |
| 107 | + margin-right: 7.7px; |
| 108 | +} |
| 109 | + |
| 110 | +.nftCard-p { |
| 111 | + font-weight: 300; |
| 112 | + font-size: 18px; |
| 113 | + line-height: 26px; |
105 | 114 | } |
106 | 115 |
|
107 | 116 | .nftCard-info { |
|
110 | 119 | font-weight: 300; |
111 | 120 | } |
112 | 121 |
|
| 122 | +.nftCard-info .nftCard-p { |
| 123 | + line-height: 20.16px; |
| 124 | + font-weight: 400; |
| 125 | + font-size: 16px; |
| 126 | +} |
| 127 | + |
113 | 128 | .nftCard-line { |
114 | 129 | width: 100%; |
115 | 130 | height: 1px; |
116 | 131 | background-color: var(--line); |
117 | | - margin-bottom: 15px; |
| 132 | + margin-bottom: 16px; |
118 | 133 | } |
119 | 134 |
|
120 | 135 | .nftCard-avatar { |
121 | | - width: 30px; |
122 | | - height: 30px; |
| 136 | + width: 33px; |
| 137 | + height: 33px; |
123 | 138 | border-radius: 50%; |
124 | 139 | border: 1px solid var(--White); |
125 | | - margin-right: 15px; |
| 140 | + margin-right: 16px; |
126 | 141 | } |
127 | 142 |
|
128 | 143 | .nftCard-span { |
|
0 commit comments