Blogs/blogs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add semantic block parser and PDF export
Some checks are pending
Build / build (push) Waiting to run
Details

Browse source
This commit is contained in:
Neeldhara Misra 2026-06-25 12:35:40 +05:30
parent 632543db4d
commit 58310e1944
47 changed files with 3078 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

69
sites/research/src/styles/article.css
View file

@ -216,6 +216,48 @@
margin-bottom: 0.35rem;
}
.article-content :where(.semantic-env) {
scroll-margin-top: 5rem;
}
.article-content :where(.semantic-env-heading) {
margin: 0 0 0.75rem;
color: color-mix(in srgb, hsl(var(--primary)) 78%, hsl(var(--foreground)));
font-family: var(--font-mono);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.3;
text-transform: uppercase;
}
.article-content :where(.semantic-env-heading strong) {
font-weight: inherit;
}
.article-content :where(.semantic-env-plain) {
margin-block: 1.6rem;
border-left: 3px solid hsl(var(--primary));
padding: 0.15rem 0 0.15rem 1rem;
}
.article-content :where(.semantic-env-plain > *:first-child) {
margin-top: 0;
}
.article-content :where(.semantic-env-plain > *:last-child) {
margin-bottom: 0;
}
.article-content :where(.semantic-error) {
margin-block: 1.5rem;
border: 1px solid color-mix(in srgb, hsl(var(--destructive)) 50%, hsl(var(--border)));
border-radius: 0.55rem;
background: color-mix(in srgb, hsl(var(--destructive)) 8%, transparent);
padding: 1rem;
color: hsl(var(--foreground));
}
.article-content :where(.callout hr) {
margin-block: 1rem;
border-top-color: color-mix(in srgb, hsl(var(--border)) 70%, transparent);
@ -248,6 +290,33 @@
margin-inline: 0;
}
.article-content :where(.semantic-interactive) {
margin-block: 2rem;
scroll-margin-top: 5rem;
}
.article-content :where(.interactive-mount) {
min-height: 12rem;
border: 1px solid hsl(var(--border));
border-radius: 0.65rem;
background: color-mix(in srgb, hsl(var(--accent)) 20%, transparent);
padding: 1rem;
}
.article-content :where(.interactive-mount[data-interactive-state="missing-component"]) {
display: grid;
min-height: 8rem;
place-items: center;
color: hsl(var(--muted-foreground));
font-size: 0.95rem;
text-align: center;
}
.article-content :where(.interactive-fallback) {
margin: 0;
color: hsl(var(--muted-foreground));
}
.article-content :where(figcaption) {
color: hsl(var(--muted-foreground));
font-size: 0.92rem;