From b38e91c27ed4ebdb84fed0cec8ab3c37b7ce4d5c Mon Sep 17 00:00:00 2001 From: eudoxia Date: Fri, 19 Feb 2021 13:01:39 -0500 Subject: css: added footnote support --- css/main.css | 5 +++++ meta/styletest/index.html | 17 +++++++++++++++-- meta/styletest/src.md | 4 ++++ sitemap.xml | 2 +- 4 files changed, 25 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index f1de35a..a26cf05 100755 --- a/css/main.css +++ b/css/main.css @@ -56,6 +56,9 @@ main a:visited {color: var(--color-main-l);} main a:hover {text-decoration: none; color: var(--color-main-d); background-color: var(--color-main-l);} main a:active {text-decoration: none; color: var(--color-main-l);} main a::after {font-size: 0.5rem; font-weight: 700; line-height: 0; vertical-align: super; content: "↗︎";} +sup {line-height: 0;} +sup a {font-size: 0.667rem; font-weight: 400;} +sup a::after {content: none;} blockquote {margin: 1rem; padding-left: 1rem; border-left: 1px solid var(--color-main-m);} main hr {height: 1rem; width: 100%; margin: 0; border: none; border-bottom: 1px solid var(--color-main-l);} main pre {margin: 1rem; padding: 1rem; background: var(--color-code-d); border-radius: 5px;} @@ -70,6 +73,8 @@ figure a:hover {text-decoration: none; background-color: transparent;} figure a::after {display: none;} figure a img {max-width: 100%; max-height: calc(100vh - 2rem);} figure p {font-size: 0.75rem; font-style: italic; margin-top: 0.5rem; margin-bottom: 0; padding-bottom: 1rem; text-align: center;} +.footnotes a[rev=footnote] {font-size: 0.667rem; vertical-align: super; line-height: 0;} +.footnotes a[rev=footnote]::after {content: none;} footer {display: flex; flex-direction: row; justify-content: space-between; min-height: 1rem; border-top: 1px solid var(--color-main-m); padding: 0.75rem 1rem; background-color: var(--color-main-d); color: var(--color-main-l);} footer p,footer a {font-family: neue-haas-grotesk-text, var(--fs-sans); font-size: 0.75rem; font-weight: 700; font-feature-settings: "case"; margin: 0; -webkit-hyphens: none; hyphens: none; text-align: left;} footer a {color: var(--color-main-l); cursor: pointer;} diff --git a/meta/styletest/index.html b/meta/styletest/index.html index 3405008..25e4866 100755 --- a/meta/styletest/index.html +++ b/meta/styletest/index.html @@ -12,14 +12,14 @@ Style Template — DistressNetwork° - +
BOMBER TEXT

-
––––DistressNetwork°
+
––––DistressNetwork°
@@ -48,6 +48,8 @@

Link

+

Footnote/Citation Reference1

+