This commit is contained in:
make
2026-01-09 01:28:23 +08:00
parent eb8c097777
commit 90fc16fbc3
241 changed files with 26518 additions and 3570 deletions

View File

@@ -0,0 +1,25 @@
/* ===== pinlun base ===== */
.__PFX__-cmt {
margin: 24px 0;
font-size: 14px;
color: var(--text-color);
}
.__PFX__-cmt-title {
margin-bottom: 12px;
}
.__PFX__-cmt-text {
line-height: 1.65;
}
.__PFX__-cmt-meta {
font-size: 12px;
color: var(--text-muted-color);
}
.__PFX__-cmt-item,
.__PFX__-cmt-card {
margin-bottom: 10px;
}

View File

@@ -0,0 +1,153 @@
/* ===== Layout A ===== */
.__PFX__-cmt.layout-a {
background: var(--bg-main-color);
padding: 16px;
border: 1px solid var(--border-color);
}
.__PFX__-cmt.layout-a .__PFX__-cmt-title {
font-size: 16px;
font-weight: 600;
}
.__PFX__-cmt.layout-a .__PFX__-cmt-item {
padding: 10px 0;
border-bottom: 1px solid var(--border-light-color);
}
.__PFX__-cmt.layout-a .__PFX__-cmt-item:last-child {
border-bottom: none;
}
.__PFX__-cmt.layout-a .__PFX__-cmt-meta {
margin-bottom: 6px;
}
.__PFX__-cmt.layout-a blockquote {
margin: 6px 0;
padding-left: 10px;
border-left: 3px solid var(--border-color);
}
/* variants */
.__PFX__-cmt.layout-a.v1 .__PFX__-cmt-title {
font-weight: 500;
}
.__PFX__-cmt.layout-a.v2 .__PFX__-cmt-item {
padding: 14px 0;
}
.__PFX__-cmt.layout-a.v3 .__PFX__-cmt-item {
border-bottom-style: dashed;
}
.__PFX__-cmt.layout-a.v4 {
padding: 20px;
}
.__PFX__-cmt.layout-a.v5 .__PFX__-cmt-meta {
font-style: italic;
}
/* G1 minimal */
.__PFX__-cmt.layout-a.v0,
.__PFX__-cmt.layout-a.v1,
.__PFX__-cmt.layout-a.v2,
.__PFX__-cmt.layout-a.v3 {
padding: 0;
border: none;
background: transparent;
}
.__PFX__-cmt.layout-a.v0 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v1 .__PFX__-cmt-item {
border: none;
padding: 4px 0;
}
.__PFX__-cmt.layout-a.v2 .__PFX__-cmt-text,
.__PFX__-cmt.layout-a.v3 .__PFX__-cmt-text {
font-size: 13px;
}
/* G2 article */
.__PFX__-cmt.layout-a.v4,
.__PFX__-cmt.layout-a.v5,
.__PFX__-cmt.layout-a.v6,
.__PFX__-cmt.layout-a.v7 {
background: var(--bg-main-color);
padding: 18px;
border-left: 4px solid var(--border-color);
}
.__PFX__-cmt.layout-a.v4 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v5 .__PFX__-cmt-item {
padding: 12px 0;
}
.__PFX__-cmt.layout-a.v6 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-a.v7 .__PFX__-cmt-meta {
font-style: italic;
}
/* G3 community */
.__PFX__-cmt.layout-a.v8,
.__PFX__-cmt.layout-a.v9,
.__PFX__-cmt.layout-a.v10,
.__PFX__-cmt.layout-a.v11 {
background: transparent;
padding: 8px 0;
}
.__PFX__-cmt.layout-a.v8 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v9 .__PFX__-cmt-item {
border-bottom: 1px dotted var(--border-light-color);
}
.__PFX__-cmt.layout-a.v10 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v11 .__PFX__-cmt-item {
border-bottom: 1px dashed var(--border-light-color);
}
/* G4 card */
.__PFX__-cmt.layout-a.v12,
.__PFX__-cmt.layout-a.v13,
.__PFX__-cmt.layout-a.v14,
.__PFX__-cmt.layout-a.v15 {
background: var(--bg-soft-color);
padding: 16px;
border-radius: 10px;
}
.__PFX__-cmt.layout-a.v12 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v13 .__PFX__-cmt-item {
background: #fff;
padding: 10px;
border-radius: 8px;
}
.__PFX__-cmt.layout-a.v14 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v15 .__PFX__-cmt-item {
box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
/* G5 raw */
.__PFX__-cmt.layout-a.v16,
.__PFX__-cmt.layout-a.v17,
.__PFX__-cmt.layout-a.v18,
.__PFX__-cmt.layout-a.v19 {
background: none;
border: none;
padding: 12px 0;
}
.__PFX__-cmt.layout-a.v16 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-a.v17 .__PFX__-cmt-meta {
display: none;
}
.__PFX__-cmt.layout-a.v18 .__PFX__-cmt-text,
.__PFX__-cmt.layout-a.v19 .__PFX__-cmt-text {
font-size: 15px;
}

View File

@@ -0,0 +1,151 @@
/* ===== Layout B ===== */
.__PFX__-cmt.layout-b {
padding: 0;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-title {
font-size: 15px;
margin-bottom: 8px;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-list {
list-style: none;
padding: 0;
margin: 0;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-item {
padding: 8px 0;
border-bottom: 1px dotted var(--border-light-color);
}
.__PFX__-cmt.layout-b .__PFX__-cmt-item:last-child {
border-bottom: none;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-meta {
margin-top: 4px;
}
/* variants */
.__PFX__-cmt.layout-b.v1 .__PFX__-cmt-item {
padding: 6px 0;
}
.__PFX__-cmt.layout-b.v2 .__PFX__-cmt-item {
border-bottom-style: dashed;
}
.__PFX__-cmt.layout-b.v3 .__PFX__-cmt-meta {
display: none;
}
.__PFX__-cmt.layout-b.v4 .__PFX__-cmt-item {
padding-left: 6px;
}
.__PFX__-cmt.layout-b.v5 .__PFX__-cmt-text {
font-size: 13px;
}
/* B-G1 forum */
.__PFX__-cmt.layout-b.v0,
.__PFX__-cmt.layout-b.v1,
.__PFX__-cmt.layout-b.v2,
.__PFX__-cmt.layout-b.v3 {
background: #f7f7f7;
padding: 6px;
border: 1px solid var(--border-light-color);
}
.__PFX__-cmt.layout-b.v0 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v1 .__PFX__-cmt-item {
padding: 6px 4px;
border-bottom: 1px solid var(--border-light-color);
}
.__PFX__-cmt.layout-b.v2 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-b.v3 .__PFX__-cmt-meta {
font-size: 11px;
}
/* B-G2 resource list */
.__PFX__-cmt.layout-b.v4,
.__PFX__-cmt.layout-b.v5,
.__PFX__-cmt.layout-b.v6,
.__PFX__-cmt.layout-b.v7 {
background: transparent;
padding: 0;
}
.__PFX__-cmt.layout-b.v4 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v5 .__PFX__-cmt-item {
padding: 10px 0;
border-bottom: 1px dotted var(--border-light-color);
}
.__PFX__-cmt.layout-b.v6 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v7 .__PFX__-cmt-item {
border-bottom-style: dashed;
}
/* B-G3 minimal list */
.__PFX__-cmt.layout-b.v8,
.__PFX__-cmt.layout-b.v9,
.__PFX__-cmt.layout-b.v10,
.__PFX__-cmt.layout-b.v11 {
background: none;
padding: 4px 0;
}
.__PFX__-cmt.layout-b.v8 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v9 .__PFX__-cmt-item {
border: none;
padding: 4px 0;
}
.__PFX__-cmt.layout-b.v10 .__PFX__-cmt-text,
.__PFX__-cmt.layout-b.v11 .__PFX__-cmt-text {
font-size: 13px;
}
/* B-G4 module */
.__PFX__-cmt.layout-b.v12,
.__PFX__-cmt.layout-b.v13,
.__PFX__-cmt.layout-b.v14,
.__PFX__-cmt.layout-b.v15 {
background: var(--bg-soft-color);
padding: 12px;
}
.__PFX__-cmt.layout-b.v12 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v13 .__PFX__-cmt-item {
background: #fff;
padding: 8px;
margin-bottom: 6px;
}
.__PFX__-cmt.layout-b.v14 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v15 .__PFX__-cmt-item {
border-radius: 6px;
}
/* B-G5 raw */
.__PFX__-cmt.layout-b.v16,
.__PFX__-cmt.layout-b.v17,
.__PFX__-cmt.layout-b.v18,
.__PFX__-cmt.layout-b.v19 {
background: none;
border: none;
padding: 8px 0;
}
.__PFX__-cmt.layout-b.v16 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-b.v17 .__PFX__-cmt-meta {
display: none;
}
.__PFX__-cmt.layout-b.v18 .__PFX__-cmt-text,
.__PFX__-cmt.layout-b.v19 .__PFX__-cmt-text {
font-size: 15px;
}

View File

@@ -0,0 +1,121 @@
/* ===== Layout C ===== */
.__PFX__-cmt.layout-c {
padding: 10px 0;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-title {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-cards {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-card {
padding: 12px;
background: var(--bg-soft-color);
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}
.__PFX__-cmt.layout-c .__PFX__-cmt-meta {
margin-top: 6px;
}
/* variants */
.__PFX__-cmt.layout-c.v1 .__PFX__-cmt-card {
border-radius: 4px;
}
.__PFX__-cmt.layout-c.v2 .__PFX__-cmt-card {
box-shadow: none;
border: 1px solid var(--border-color);
}
.__PFX__-cmt.layout-c.v3 .__PFX__-cmt-card {
padding: 16px;
}
.__PFX__-cmt.layout-c.v4 .__PFX__-cmt-cards {
gap: 6px;
}
.__PFX__-cmt.layout-c.v5 .__PFX__-cmt-meta {
display: none;
}
/* C-G1 recommend */
.__PFX__-cmt.layout-c.v0,
.__PFX__-cmt.layout-c.v1,
.__PFX__-cmt.layout-c.v2,
.__PFX__-cmt.layout-c.v3 {
padding: 8px 0;
}
.__PFX__-cmt.layout-c.v0 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v1 .__PFX__-cmt-card {
box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
border-radius: 12px;
}
/* C-G2 hot */
.__PFX__-cmt.layout-c.v4,
.__PFX__-cmt.layout-c.v5,
.__PFX__-cmt.layout-c.v6,
.__PFX__-cmt.layout-c.v7 {
background: var(--bg-main-color);
padding: 12px;
}
.__PFX__-cmt.layout-c.v4 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v5 .__PFX__-cmt-card {
border-left: 4px solid var(--border-color);
}
/* C-G3 light */
.__PFX__-cmt.layout-c.v8,
.__PFX__-cmt.layout-c.v9,
.__PFX__-cmt.layout-c.v10,
.__PFX__-cmt.layout-c.v11 {
padding: 4px 0;
}
.__PFX__-cmt.layout-c.v8 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v9 .__PFX__-cmt-card {
box-shadow: none;
border: 1px dashed var(--border-light-color);
}
/* C-G4 content */
.__PFX__-cmt.layout-c.v12,
.__PFX__-cmt.layout-c.v13,
.__PFX__-cmt.layout-c.v14,
.__PFX__-cmt.layout-c.v15 {
background: var(--bg-soft-color);
padding: 16px;
}
.__PFX__-cmt.layout-c.v12 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v13 .__PFX__-cmt-card {
background: #fff;
padding: 14px;
}
/* C-G5 raw */
.__PFX__-cmt.layout-c.v16,
.__PFX__-cmt.layout-c.v17,
.__PFX__-cmt.layout-c.v18,
.__PFX__-cmt.layout-c.v19 {
background: none;
padding: 6px 0;
}
.__PFX__-cmt.layout-c.v16 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v17 .__PFX__-cmt-card {
box-shadow: none;
border: none;
}

View File

@@ -0,0 +1,85 @@
/* pinlun base: __PFX__ replaced by CssBuilder */
.__PFX__-cmt{
margin: 22px 0 10px;
color: var(--text-color);
font-size: 14px;
}
/* header */
.__PFX__-cmt-hd{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:10px;
margin: 0 0 10px;
}
.__PFX__-cmt-title{
font-size: 16px;
font-weight: 650;
margin: 0;
}
.__PFX__-cmt-count,
.__PFX__-cmt-meta,
.__PFX__-cmt-user,
.__PFX__-cmt-time{
font-size: 12px;
color: var(--text-muted-color);
}
/* list */
.__PFX__-cmt-list{
margin:0;
padding:0;
}
.__PFX__-cmt-item,
.__PFX__-cmt-card{
background: var(--bg-soft-color);
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 10px 12px;
margin: 0 0 10px;
}
.__PFX__-cmt-text{
line-height: 1.65;
margin: 0;
}
/* layout differences */
.__PFX__-cmt.layout-b .__PFX__-cmt-list{ list-style:none; }
.__PFX__-cmt.layout-b .__PFX__-cmt-item{
border-radius: 0;
border-left: 0;
border-right: 0;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-card{
border-radius: 14px;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
/* variant knobs (v0..v19) */
.__PFX__-cmt.v0 {}
.__PFX__-cmt.v1 .__PFX__-cmt-item{ border-radius: 14px; }
.__PFX__-cmt.v2 .__PFX__-cmt-item{ background: color-mix(in srgb, var(--bg-soft-color) 86%, transparent); }
.__PFX__-cmt.v3 .__PFX__-cmt-item{ border-style:dashed; }
.__PFX__-cmt.v4 .__PFX__-cmt-title{ letter-spacing:.5px; }
.__PFX__-cmt.v5 .__PFX__-cmt-text{ font-size: 13px; }
.__PFX__-cmt.v6 .__PFX__-cmt-item{ padding: 12px 14px; }
.__PFX__-cmt.v7 .__PFX__-cmt-item{ border-radius: 999px; }
.__PFX__-cmt.v8 .__PFX__-cmt-item{ border-width: 2px; }
.__PFX__-cmt.v9 .__PFX__-cmt-hd{ justify-content:flex-start; }
.__PFX__-cmt.v10 .__PFX__-cmt-title{ font-weight: 500; }
.__PFX__-cmt.v11 .__PFX__-cmt-item{ background: transparent; }
.__PFX__-cmt.v12 .__PFX__-cmt-item{ border-radius: 6px; }
.__PFX__-cmt.v13 .__PFX__-cmt-text{ line-height: 1.8; }
.__PFX__-cmt.v14 .__PFX__-cmt-item{ padding: 8px 10px; }
.__PFX__-cmt.v15 .__PFX__-cmt-item{ border-color: color-mix(in srgb, var(--border-color) 60%, transparent); }
.__PFX__-cmt.v16 .__PFX__-cmt-title{ font-size: 15px; }
.__PFX__-cmt.v17 .__PFX__-cmt-item{ box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.__PFX__-cmt.v18 .__PFX__-cmt-item{ border-radius: 18px; }
.__PFX__-cmt.v19 .__PFX__-cmt-title{ text-transform: none; }