forked from drowl87/hextra_mirror
42 lines
655 B
CSS
42 lines
655 B
CSS
.hextra-cards {
|
|
grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 1rem * 2) / var(--hextra-cards-grid-cols))), 1fr));
|
|
}
|
|
|
|
.hextra-card {
|
|
position: relative;
|
|
}
|
|
|
|
.hextra-card img {
|
|
user-select: none;
|
|
}
|
|
|
|
.hextra-card:hover svg {
|
|
color: currentColor;
|
|
}
|
|
|
|
.hextra-card svg {
|
|
width: 1.5rem;
|
|
color: #00000033;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.hextra-card p {
|
|
margin-top: 0.5rem;
|
|
position: relative;
|
|
}
|
|
|
|
.dark .hextra-card svg {
|
|
color: #ffffff66;
|
|
}
|
|
|
|
.dark .hextra-card:hover svg {
|
|
color: currentColor;
|
|
}
|
|
|
|
/* If tag, position upright on the card */
|
|
.hx-tag {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
z-index: 10;
|
|
} |