mirror of
https://github.com/anotherhadi/blog.git
synced 2026-05-20 05:32:32 +02:00
@@ -242,7 +242,9 @@ const headings = extractHeadings(entry.body ?? "");
|
|||||||
const s = document.createElement("style");
|
const s = document.createElement("style");
|
||||||
s.id = "heading-anchor-styles";
|
s.id = "heading-anchor-styles";
|
||||||
s.textContent = `
|
s.textContent = `
|
||||||
.note-content h2, .note-content h3, .note-content h4 {
|
.note-content h2:not(.link-card h2),
|
||||||
|
.note-content h3:not(.link-card h3),
|
||||||
|
.note-content h4:not(.link-card h4) {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
.link-card {
|
.link-card {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.5rem 0.875rem;
|
padding: 0 0.875rem;
|
||||||
border-radius: var(--radius-box);
|
border-radius: var(--radius-box);
|
||||||
border: 1px solid oklch(24% 0 0);
|
border: 1px solid oklch(24% 0 0);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
@@ -79,8 +79,8 @@
|
|||||||
.link-card h4 {
|
.link-card h4 {
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin: 0 0 0.1rem;
|
margin: 0;
|
||||||
line-height: 1.2;
|
line-height: 1;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
.link-card:hover h4 {
|
.link-card:hover h4 {
|
||||||
@@ -89,7 +89,7 @@
|
|||||||
.link-card p {
|
.link-card p {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 1.2;
|
line-height: 1;
|
||||||
color: oklch(52% 0 0);
|
color: oklch(52% 0 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user