about summary refs log tree commit diff
path: root/links/main.css
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--site/links/main.css (renamed from links/main.css)48
1 files changed, 31 insertions, 17 deletions
diff --git a/links/main.css b/site/links/main.css
index 7467bf2..21fd371 100644
--- a/links/main.css
+++ b/site/links/main.css
@@ -6,7 +6,7 @@
   --fg: var(--black);
   --bg: var(--white);
 
-  --body-spacing: 45px;
+  --body-spacing: 30px;
   --body-line-height: 1.3;
   --body-inline-padding: 15px;
 
@@ -22,7 +22,6 @@
 
 a {
   color: var(--fg);
-
 }
 
 a:hover {
@@ -57,8 +56,7 @@ header a {
 }
 
 header a img {
-  max-height: 55px;
-  vertical-align: bottom;
+  max-height: 4rem;
 }
 
 nav section {
@@ -92,20 +90,26 @@ main blockquote {
   padding-left: var(--body-inline-padding);
 }
 
-main>h1 {
+main h1 {
   font-size: 1.5rem;
+  text-transform: uppercase;
+  font-weight: lighter;
 }
 
-main>h2 {
+main h2 {
   font-size: 1.3rem;
+  font-weight: lighter;
 }
 
-main>h3 {
+main h3 {
   font-size: 1.2rem;
+  font-weight: bold;
 }
 
-main>h4 {
+main h4 {
   font-size: 1.1rem;
+  text-decoration: 3px solid underline;
+  text-underline-offset: calc(var(--body-inline-padding) / 2);
 }
 
 main p {
@@ -129,7 +133,8 @@ figcaption {
 }
 
 main hr {
-  border-color: color-mix(in srgb, var(--fg) 20%, var(--bg));
+  border-style: solid;
+  border-color: color-mix(in srgb, var(--fg) 30%, var(--bg));
   clear: both;
 }
 
@@ -280,23 +285,28 @@ main .footnote-back {
   margin-left: 1ch;
 }
 
+details summary {
+  cursor: pointer;
+}
+
+details[open]>*:not(summary) {
+  margin: 1ex 0 0 0;
+}
+
 /* footer */
 
 footer {
   font-size: 0.9rem;
   border-top: 1px solid color-mix(in srgb, var(--fg) 20%, var(--bg));
   padding-top: var(--body-spacing);
-  line-height: var(--body-line-height);
+  line-height: 30px;
   clear: both;
 }
 
-body>a[href="#top"]:last-child {
-  float: right;
-  margin-top: -2rem;
-}
-
-details[open]>*:not(summary) {
-  margin: 1ex 0 0 0;
+footer * {
+  height: 30px;
+  display: inline-block;
+  vertical-align: top;
 }
 
 /* modular */
@@ -418,6 +428,10 @@ ul.nobull li {
   max-width: 100%;
 }
 
+.desaturate {
+  filter: saturate(40%);
+}
+
 /* theme */
 
 @media (prefers-color-scheme: dark) {