From 283c31ebf3956eefa23825f72a0a0db1fac64f92 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Fri, 17 Nov 2023 15:18:32 +0200 Subject: [styles.css,Heading-anchors] Added a small and big gap before headings in articles This separated headings with the contents that follow into different "card" or sections --- src/styles.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) (limited to 'src/styles.css') diff --git a/src/styles.css b/src/styles.css index 9dc726b..747ff8f 100644 --- a/src/styles.css +++ b/src/styles.css @@ -217,8 +217,6 @@ h1, h2, h3, h4, h5, h6 { border-bottom: 2px solid var(--border-color); } h1 { display: block; font-size: 1.7em; margin-block-end: 0.5em; } - h2 { margin-top: 2.5em; } - h3 { margin-top: 2em; } h1 + *, h1 ~ h1, h2 + a + *, h3 + a + *, h4 + a + *, h5 + a + *, h6 + a + * { margin-top: 0; } @@ -265,7 +263,7 @@ code, pre { table { border-spacing: 0; border-collapse: collapse; - margin: 0.6em 0; + margin: 1em 0; overflow: auto; } table td, table th { word-break: normal !important; } @@ -412,6 +410,14 @@ dt, dd { } #pagenav > * { white-space: nowrap; } #pagenav + h2, #pagenav + h3, #pagenav + h4 { margin-top: 0; } + + .gap, .gap-small { + background-color: var(--body-bg); + margin: 0 -1em; + } + .gap { height: 1.5em; } + .gap-small { height: 0.5em; } + /* back-to-top.js */ #scrollBtn { background-color: var(--bg-color); -- cgit v1.3.1-23-gd82d From d45b8f18e16047cebd102434837d667ce2d6bb82 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Fri, 17 Nov 2023 15:19:18 +0200 Subject: [styles.css,_footer] Added a simple article footer --- src/_footer.html | 4 ++++ src/styles.css | 7 +++++++ 2 files changed, 11 insertions(+) (limited to 'src/styles.css') diff --git a/src/_footer.html b/src/_footer.html index 4481b8a..61bf08d 100644 --- a/src/_footer.html +++ b/src/_footer.html @@ -1,3 +1,7 @@ +
+
︽
diff --git a/src/styles.css b/src/styles.css index 747ff8f..6d22681 100644 --- a/src/styles.css +++ b/src/styles.css @@ -418,6 +418,13 @@ dt, dd { .gap { height: 1.5em; } .gap-small { height: 0.5em; } + article > footer { + margin: 0 -1em; + padding: 0.5em; + border: 3px solid var(--accent-line-color); + border-left: none; + border-right: none; + } /* back-to-top.js */ #scrollBtn { background-color: var(--bg-color); -- cgit v1.3.1-23-gd82d From 625c998619eeb8d95a4693bd9eb947a16e7367ba Mon Sep 17 00:00:00 2001 From: Syndamia Date: Fri, 17 Nov 2023 15:39:47 +0200 Subject: [styles,Heading-anchors] Removed gap above contents --- awk-edits/Heading-anchors.awk | 8 +++++--- src/styles.css | 2 +- 2 files changed, 6 insertions(+), 4 deletions(-) (limited to 'src/styles.css') diff --git a/awk-edits/Heading-anchors.awk b/awk-edits/Heading-anchors.awk index ee69043..10f4aa9 100644 --- a/awk-edits/Heading-anchors.awk +++ b/awk-edits/Heading-anchors.awk @@ -7,8 +7,10 @@ # hyperlink is required (except for h1). /[ \t]*" ORS + } match($0, /id="[^"]*"/) - $0 = "
" ORS $0 ORS "§" + $0 = gap $0 ORS "§" } diff --git a/src/styles.css b/src/styles.css index 6d22681..c12deda 100644 --- a/src/styles.css +++ b/src/styles.css @@ -401,7 +401,7 @@ dt, dd { margin-left: auto; margin-right: auto; } - #contents-container { float: right; margin-left: 2.5em; } + #contents-container { float: right; margin-left: 2.5em; background-color: var(--bg-color); padding-right: 0.5em; } #contents-container > h2 { margin-top: -1rem; } #pagenav { filter: opacity(64%); -- cgit v1.3.1-23-gd82d From 21c88ef1f2bc09bd45c6b7faa30486f049ed5a1d Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sat, 18 Nov 2023 14:32:29 +0200 Subject: [styles] Added bottom margin to article footer --- src/styles.css | 1 + 1 file changed, 1 insertion(+) (limited to 'src/styles.css') diff --git a/src/styles.css b/src/styles.css index c12deda..464796b 100644 --- a/src/styles.css +++ b/src/styles.css @@ -394,6 +394,7 @@ dt, dd { box-sizing: border-box; flex: 1; max-width: 56em; /* Equivalent to 50em on 19px font-size */ + margin-bottom: 1em; overflow: auto; padding: 0 1em; } -- cgit v1.3.1-23-gd82d From 0d8e349ac05f758168d08dd90fed0a33ff909bbf Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sat, 18 Nov 2023 14:32:39 +0200 Subject: [styles] Hide gaps when printing --- src/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/styles.css') diff --git a/src/styles.css b/src/styles.css index 464796b..b006cfc 100644 --- a/src/styles.css +++ b/src/styles.css @@ -493,7 +493,7 @@ dt, dd { @media print { h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img, - nav, #scrollBtn { + nav, #scrollBtn, .gap, .gap-small { display: none !important; } -- cgit v1.3.1-23-gd82d From d5abce0876c28cb3a0d62d7f7310cb778bcbff2d Mon Sep 17 00:00:00 2001 From: Syndamia Date: Thu, 23 Nov 2023 20:00:35 +0200 Subject: [styles] Fully reworked styles from CSS to CSMA --- src/styles.csma | 367 ++++++++++++++++++------------------- src/styles.css | 556 -------------------------------------------------------- 2 files changed, 178 insertions(+), 745 deletions(-) delete mode 100644 src/styles.css (limited to 'src/styles.css') diff --git a/src/styles.csma b/src/styles.csma index 28d30c7..3927a25 100644 --- a/src/styles.csma +++ b/src/styles.csma @@ -77,54 +77,55 @@ -webkit-font-kerning: normal; -webkit-font-smoothing: antialiased; } - nav, article { background-color: var(--bg-color); } body, td, th { font-size: 18px; font-family: 'Tabler', sans-serif; } * { line-height: 1.3em; }