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

feat(widgets): deepen categories, tag cloud, vertical icon cards

Browse Source 
Add hierarchy/include-exclude for categories; multi-taxonomy colored
tag cloud; vertical icon-card layout with go_link and mobile columns.
This commit is contained in:
kate522
2026-07-19 01:20:53 +08:00
parent aabc1cd142
commit dce98f631c
1 changed files with 59 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/widget-batch5.css
+59
View File
@@ -453,3 +453,62 @@
color: var(--muted-2-color, #999);
text-decoration: none;
}
.widget-icon-cards {
display: grid;
grid-template-columns: repeat(var(--ic-columns, 2), minmax(0, 1fr));
gap: 10px;
}
@media (max-width: 575.98px) {
.widget-icon-cards {
grid-template-columns: repeat(var(--ic-m-columns, 2), minmax(0, 1fr));
}
}
.widget-icon-cards.is-bare .widget-icon-cards__item {
background: transparent;
border: 0;
box-shadow: none;
}
.widget-icon-cards__item.is-vertical {
flex-direction: column;
text-align: center;
padding: 16px 10px;
}
.widget-icon-cards__item.is-vertical .widget-icon-cards__icon {
margin: 0 auto 10px;
width: calc(var(--ic-icon, 28px) + 20px);
height: calc(var(--ic-icon, 28px) + 20px);
font-size: var(--ic-icon, 28px);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: var(--surface-2, #f3f4f6);
color: var(--color-primary, #3b82f6);
}
.aksrt-tag-cloud.tag-cloud {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.aksrt-tag-cloud .but {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 999px;
background: var(--surface-2, #f3f4f6);
color: inherit;
text-decoration: none;
font-size: 12px;
}
.aksrt-tag-cloud .c-blue { background: #dbeafe; color: #1d4ed8; }
.aksrt-tag-cloud .c-green { background: #dcfce7; color: #15803d; }
.aksrt-tag-cloud .c-yellow { background: #fef3c7; color: #b45309; }
.aksrt-tag-cloud .c-purple { background: #ede9fe; color: #6d28d9; }
.aksrt-tag-cloud .c-red { background: #fee2e2; color: #b91c1c; }
.aksrt-tag-cloud.fixed-width a { min-width: 72px; justify-content: center; }
.aksrt-cat-list .count {
float: right;
color: var(--muted-2-color, #999);
font-size: 12px;
}