diff doc/_static/style.css @ 7373:5e9b0ff1c695

Extend fluid fonts and record location. I needed smaller fonts (footnotes) and couldn't find the original site I got it from. So I grabbed them from utopia which is a diferent location than I got the original from. Parameters used: param start end screen 320 1280 width Font 16px 18px Size Type 1.25 1.33 (Major third scale, perfect fourth scale) Scale
author John Rouillard <rouilj@ieee.org>
date Thu, 18 May 2023 21:10:56 -0400
parents 113debfd383b
children 0645e3bdd5a3
line wrap: on
line diff
--- a/doc/_static/style.css	Wed May 17 22:20:12 2023 -0400
+++ b/doc/_static/style.css	Thu May 18 21:10:56 2023 -0400
@@ -4,37 +4,47 @@
    and perfect fourth for larger screens.
    Allow override using --font-level-X.
 
-   https://set.studio/some-simple-ways-to-make-content-look-good/
+ https://utopia.fyi/type/calculator?c=320,16,1.25,1280,18,1.333,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
 */
 
 :root {
+  --_font-level_-2: var(--font-level_-2,
+		       clamp(0.63em,
+			     0.64rem + -0.01vw,
+			     0.64em)
+		      );
+  --_font-level_-1: var(--font-level_-1,
+		       clamp(0.80rem,
+			     0.79rem + 0.07vw,
+			     0.84rem)
+		      );
   --_font-level-0: var(--font-level-0,
 		       clamp(1rem,
-			     0.96rem + 0.22vw,
+			     0.96rem + 0.21vw,
 			     1.13rem)
 		      );
   --_font-level-1: var(--font-level-1,
 		       clamp(
 			   1.25 * var(--_font-level-0),
-			   1.16rem + 0.43vw,
+			   1.17rem + 0.42vw,
 			   1.5rem)
 		      );
   --_font-level-2: var(--font-level-2,
 		       clamp(
 			   1.25 * var(--_font-level-1),
-			   1.41rem + 0.76vw,
+			   1.42rem + 0.73vw,
 			   2rem)
 		      );
   --_font-level-3: var(--font-level-3,
 		       clamp(
 			   1.25 * var(--_font-level-2),
-			   1.71rem + 1.24vw,
+			   1.72rem + 1.19vw,
 			   2.66rem)
 		      );
   --_font-level-4: var(--font-level-4,
 		       clamp(
 			   1.25 * var(--_font-level-3),
-			   2.05rem + 1.93vw,
+			   2.07rem + 1.85vw,
 			   3.55rem)
 		      );
 }
@@ -248,7 +258,7 @@
 table caption { font-weight: bold; font-size: smaller; }
 
 table.footnote {
-  font-size: calc(1em - 1pt);
+  font-size: var(--_font-level_-1);
   position: relative
 }
 

Roundup Issue Tracker: http://roundup-tracker.org/