feat(frontend): replace article system with Zibll 9.0
This commit is contained in:
1 parent
2881c69e9c
commit
0f2ac6c34a
69 files changed
+2603
-4163
No files matched your search
@@ -41,26 +41,6 @@
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list {
|
||||
padding: 15px;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list .item-thumbnail {
|
||||
width: 160px;
|
||||
min-width: 160px;
|
||||
padding-bottom: calc(160px * 0.7);
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list.mult-thumb .thumb-items > span {
|
||||
width: calc(33.333% - 6px);
|
||||
padding-bottom: calc(var(--posts-list-scale, 70%) / 3);
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list.mult-thumb .thumb-items > span:nth-child(4) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ================================================================
|
||||
@@ -73,41 +53,6 @@
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list {
|
||||
padding: 12px;
|
||||
gap: 12px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list .item-thumbnail {
|
||||
width: 120px;
|
||||
min-width: 120px;
|
||||
padding-bottom: calc(120px * 0.7);
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .item-heading {
|
||||
font-size: 15px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .item-excerpt {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .meta-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Zibll keeps article cards in two columns throughout the mobile range. */
|
||||
.aksrt-homepage__posts[data-view="card"] {
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts[data-view="card"] > .posts-item {
|
||||
width: calc(50% - 10px);
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
/* Tab skeleton: smaller thumb */
|
||||
.aksrt-homepage__tab-skeleton-thumb {
|
||||
width: 120px;
|
||||
@@ -158,44 +103,6 @@
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list {
|
||||
padding: 10px;
|
||||
gap: 10px;
|
||||
border-radius: var(--radius, 8px);
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts > .posts-item.list .item-thumbnail {
|
||||
width: 96px;
|
||||
min-width: 96px;
|
||||
padding-bottom: calc(96px * 0.7);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .item-heading {
|
||||
font-size: 15px;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .item-tags .badge {
|
||||
font-size: 11px;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .item-meta {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .meta-avatar {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.aksrt-homepage__posts .meta-item {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Tab skeleton: adapt */
|
||||
.aksrt-homepage__tab-skeleton-thumb {
|
||||
width: 96px;
|
||||
|
||||
Reference in new issue
Block a user