Now pre-processing CSS variables, fixes.
h3rald h3rald@h3rald.com
Mon, 15 Jun 2026 11:31:53 +0200
2 files changed,
10 insertions(+),
35 deletions(-)
M
assets/styles/style.css
→
assets/styles/style.css
@@ -11,14 +11,6 @@ --leading: 2rem;
--letter-spacing: 0.05em; --font-family-sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-family-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -html { - font-size: var(--html-font-size); - line-height: var(--line-height); -} - -body { --link-color: #e96363; --link-hover-color: #ff6e6e; --heading-text-color: #dddada;@@ -29,6 +21,15 @@ --secondary-background: #262626;
--success-color: #28b869; --warning-color: #C97D05; --error-color: #da3c3c; +} + +html { + font-size: var(--html-font-size); + line-height: var(--line-height); +} + +body { + font-family: var(--font-family-sans); font-weight: 300; margin: auto;@@ -295,7 +296,6 @@ .logo {
width: 130px; height: 33.725px; border: none; - display: initial; } .logo-mini {@@ -327,13 +327,6 @@ flex-direction: row;
align-items: center; } -.badge { - margin-right: 5px; - width: 10px; - height: 10px; - border-radius: 5px; -} - .card-footer .action { margin: 0 10px; }@@ -352,7 +345,6 @@ margin: 4px;
background: var(--secondary-background); padding: 8px; border: 1px solid var(--secondary-background); - border-radius: 4px; }@@ -422,10 +414,6 @@ p[style*="float"]:has(img) {
margin: 1rem; } -pre code, -img { - border-radius: 4px; -} /***** * THEME@@ -528,7 +516,6 @@ border: 1px solid var(--secondary-background);
} pre { - border-radius: 4px; white-space: pre-wrap; padding: 0.5rem; }@@ -591,15 +578,9 @@ display: table-row;
vertical-align: bottom; } -figure img { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - figcaption { display: block; background-color: var(--secondary-background); - border-radius: 4px; border: 1px solid var(--secondary-background); padding: 0 4px; padding: 0.5rem;@@ -613,12 +594,9 @@ margin-bottom: 0;
background: var(--secondary-background); padding: 0 0.5rem; border: 1px solid var(--secondary-background); - border-top-left-radius: 4px; - border-top-right-radius: 4px; } .days figure { - border-radius: 0; margin: 0; }@@ -632,8 +610,6 @@ .days figcaption {
margin: 0; font-size: 0.9rem; background: var(--secondary-background); - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } .days figcaption .caption {@@ -641,7 +617,6 @@ padding: 0.5rem;
} .days img { - border-radius: 0; border: none; }