feat(widgets): deepen categories, tag cloud, vertical icon cards
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:
1 parent
aabc1cd142
commit
dce98f631c
1 file changed
+59
@@ -453,3 +453,62 @@
|
|||||||
color: var(--muted-2-color, #999);
|
color: var(--muted-2-color, #999);
|
||||||
text-decoration: none;
|
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;
|
||||||
|
}
|
||||||
Reference in new issue
Block a user