kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(widgets): icon cover cards + WP bookmark links list

Browse Source 
Close remaining zibll more-widgets gaps: horizontal icon-cover cards
and native WordPress bookmark/links list with go_link/nofollow.
This commit is contained in:
kate522
2026-07-19 01:09:07 +08:00
parent 7a91eb7321
commit ff919da342
4 changed files with 404 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/widget-batch5.css
+78
View File
@@ -227,3 +227,81 @@
overflow: hidden;
text-overflow: ellipsis;
}
/* Icon cover cards */
.aksrt-icon-cover {
display: grid;
grid-template-columns: repeat(var(--aksrt-icc-pc, 2), minmax(0, 1fr));
gap: 10px;
--aksrt-icc-icon: 25px;
}
@media (max-width: 575.98px) {
.aksrt-icon-cover {
grid-template-columns: repeat(var(--aksrt-icc-m, 1), minmax(0, 1fr));
}
}
.aksrt-icon-cover__item {
display: flex;
align-items: center;
gap: 10px;
padding: 12px;
border-radius: 12px;
border: 1px solid var(--color-line, #e5e7eb);
background: var(--surface-1, #fff);
text-decoration: none;
color: inherit;
}
.aksrt-icon-cover__icon {
width: calc(var(--aksrt-icc-icon) + 18px);
height: calc(var(--aksrt-icc-icon) + 18px);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--aksrt-icc-icon);
color: var(--color-primary, #3b82f6);
background: var(--surface-2, #f3f4f6);
flex-shrink: 0;
overflow: hidden;
}
.aksrt-icon-cover.is-radius .aksrt-icon-cover__icon { border-radius: 10px; }
.aksrt-icon-cover__icon img { width: 70%; height: 70%; object-fit: contain; }
.aksrt-icon-cover__title { font-weight: 700; font-size: 14px; }
.aksrt-icon-cover__desc { font-size: 12px; color: var(--muted-2-color, #888); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Bookmark links */
.aksrt-bookmark-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.aksrt-bookmark-links.has-box {
padding: 10px;
border: 1px solid var(--color-line, #e5e7eb);
border-radius: 12px;
}
.aksrt-bookmark-links.style-simple {
grid-template-columns: 1fr;
}
.aksrt-bookmark-links__item {
display: flex;
align-items: center;
gap: 10px;
padding: 8px;
border-radius: 10px;
background: var(--surface-2, #f8fafc);
text-decoration: none;
color: inherit;
min-width: 0;
}
.aksrt-bookmark-links__img {
width: 36px;
height: 36px;
border-radius: 8px;
object-fit: cover;
flex-shrink: 0;
}
.aksrt-bookmark-links__text { min-width: 0; display: flex; flex-direction: column; }
.aksrt-bookmark-links__name { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aksrt-bookmark-links__desc { font-size: 11px; color: var(--muted-2-color, #999); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }