@webnumseoagent/next 0.9.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/blog.tsx +4 -8
- package/dist/blog.js +4 -8
- package/package.json +1 -1
package/blog.tsx
CHANGED
|
@@ -124,18 +124,14 @@ function safeTocCss(css?: string): string {
|
|
|
124
124
|
return css.slice(0, 4000);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
const TOC_CSS = `.sa-article-wrap{max-width:
|
|
127
|
+
const TOC_CSS = `.sa-article-wrap{max-width:1080px;margin:0 auto;padding:var(--sa-blog-top,clamp(5rem,8vw,7rem)) 1.5rem 3rem;container-type:inline-size}
|
|
128
128
|
.sa-article-grid{display:block}
|
|
129
129
|
.sa-article-grid:not(.has-toc){max-width:760px;margin:0 auto}
|
|
130
130
|
.sa-article{min-width:0;line-height:1.7}
|
|
131
|
-
.sa-toc{font-size:.9rem}
|
|
132
|
-
/*
|
|
131
|
+
.sa-toc{font-size:.9rem;margin-bottom:2.5rem}
|
|
132
|
+
/* Оглавление слева + статья рядом, БЛОК по центру — единый вид для любой ширины контента (без гуттер-режима). */
|
|
133
133
|
@container (min-width:700px){.sa-article-grid.has-toc{display:grid;column-gap:2.5rem;grid-template-columns:250px minmax(0,760px);justify-content:center;align-items:start}
|
|
134
|
-
.sa-toc{position:sticky;top:var(--sa-toc-top,88px)}}
|
|
135
|
-
/* Широкий контент (ZeroMax): статья ПО ЦЕНТРУ вьюпорта, оглавление в левом гуттере, прижато к статье (капнуто ~300px). */
|
|
136
|
-
@container (min-width:1180px){.sa-article-grid.has-toc{grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);column-gap:0}
|
|
137
|
-
.sa-article-grid.has-toc>.sa-toc{grid-column:1;justify-self:end;width:min(100%,300px);margin-right:2.5rem}
|
|
138
|
-
.sa-article-grid.has-toc>.sa-article{grid-column:2}}
|
|
134
|
+
.sa-toc{position:sticky;top:var(--sa-toc-top,88px);margin-bottom:0}}
|
|
139
135
|
.sa-toc>summary{list-style:none;font-weight:700;font-size:.95rem;margin:0 0 .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:inherit;cursor:pointer}
|
|
140
136
|
.sa-toc>summary::-webkit-details-marker{display:none}
|
|
141
137
|
.sa-toc>summary .sa-toc-chev{transition:transform .2s ease;color:var(--sa-muted,#94a3b8)}
|
package/dist/blog.js
CHANGED
|
@@ -142,18 +142,14 @@ function safeTocCss(css) {
|
|
|
142
142
|
return "";
|
|
143
143
|
return css.slice(0, 4000);
|
|
144
144
|
}
|
|
145
|
-
const TOC_CSS = `.sa-article-wrap{max-width:
|
|
145
|
+
const TOC_CSS = `.sa-article-wrap{max-width:1080px;margin:0 auto;padding:var(--sa-blog-top,clamp(5rem,8vw,7rem)) 1.5rem 3rem;container-type:inline-size}
|
|
146
146
|
.sa-article-grid{display:block}
|
|
147
147
|
.sa-article-grid:not(.has-toc){max-width:760px;margin:0 auto}
|
|
148
148
|
.sa-article{min-width:0;line-height:1.7}
|
|
149
|
-
.sa-toc{font-size:.9rem}
|
|
150
|
-
/*
|
|
149
|
+
.sa-toc{font-size:.9rem;margin-bottom:2.5rem}
|
|
150
|
+
/* Оглавление слева + статья рядом, БЛОК по центру — единый вид для любой ширины контента (без гуттер-режима). */
|
|
151
151
|
@container (min-width:700px){.sa-article-grid.has-toc{display:grid;column-gap:2.5rem;grid-template-columns:250px minmax(0,760px);justify-content:center;align-items:start}
|
|
152
|
-
.sa-toc{position:sticky;top:var(--sa-toc-top,88px)}}
|
|
153
|
-
/* Широкий контент (ZeroMax): статья ПО ЦЕНТРУ вьюпорта, оглавление в левом гуттере, прижато к статье (капнуто ~300px). */
|
|
154
|
-
@container (min-width:1180px){.sa-article-grid.has-toc{grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);column-gap:0}
|
|
155
|
-
.sa-article-grid.has-toc>.sa-toc{grid-column:1;justify-self:end;width:min(100%,300px);margin-right:2.5rem}
|
|
156
|
-
.sa-article-grid.has-toc>.sa-article{grid-column:2}}
|
|
152
|
+
.sa-toc{position:sticky;top:var(--sa-toc-top,88px);margin-bottom:0}}
|
|
157
153
|
.sa-toc>summary{list-style:none;font-weight:700;font-size:.95rem;margin:0 0 .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:inherit;cursor:pointer}
|
|
158
154
|
.sa-toc>summary::-webkit-details-marker{display:none}
|
|
159
155
|
.sa-toc>summary .sa-toc-chev{transition:transform .2s ease;color:var(--sa-muted,#94a3b8)}
|
package/package.json
CHANGED