Source code of my website
💄 : add tags terms layout
+71
+41
assets/css/custom.css
+41
assets/css/custom.css
···
314
314
background-color: var(--bkg-color) !important;
315
315
}
316
316
317
+
/* Tags terms page styling */
318
+
.tags-container {
319
+
display: flex;
320
+
flex-wrap: wrap;
321
+
gap: 1rem;
322
+
margin-top: 2rem;
323
+
324
+
.tag-card {
325
+
display: inline-flex;
326
+
align-items: center;
327
+
gap: 0.8rem;
328
+
padding: 0.6rem 1rem;
329
+
border-radius: 8px;
330
+
background-color: white;
331
+
box-shadow: 0 1px 3px var(--sidebar-bg-color);
332
+
border: 1px solid var(--sidebar-bg-color);
333
+
text-decoration: none;
334
+
transition: transform 0.2s ease, box-shadow 0.2s ease;
335
+
}
336
+
337
+
.tag-card:hover {
338
+
text-decoration: none;
339
+
transform: translateY(-2px);
340
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
341
+
}
342
+
343
+
.tag-name {
344
+
font-weight: bold;
345
+
color: var(--post-title-color);
346
+
}
347
+
348
+
.tag-count {
349
+
background-color: var(--sidebar-bg-color);
350
+
color: white;
351
+
padding: 0.2rem 0.6rem;
352
+
border-radius: 12px;
353
+
font-size: 0.8rem;
354
+
font-weight: bold;
355
+
}
356
+
}
357
+
317
358
.images-grid-2 {
318
359
display: grid;
319
360
grid-template-columns: 1fr 1fr;