diff --git a/static/css/colors.css b/static/css/colors.css index fac3829..7b07af7 100644 --- a/static/css/colors.css +++ b/static/css/colors.css @@ -22,7 +22,8 @@ --codeblock-bg: rgb(29, 31, 33); --blockquote-bg: oklch(30% 0.01 325); - --blockquote-accent-color: oklch(45% 0.1628 256.77); + /*--blockquote-accent-color: oklch(45% 0.1628 256.77);*/ + --blockquote-accent-color: oklch(86.64% 0.29 142); --highlight-bg: #fff; --highlight-fg: #000; --nav-link-bg-color-active: #118411; @@ -65,7 +66,8 @@ --content-border-color: #026; --codeblock-bg: rgb(226,224,222); --blockquote-bg: oklch(70% 0.012 296.97); - --blockquote-accent-color: oklch(45% 0.1628 256.77); + /*--blockquote-accent-color: oklch(45% 0.1628 256.77);*/ + --blockquote-accent-color: oklch(96.17% 0.2432 109); --highlight-bg: #000; --highlight-fg: #fff; --nav-link-bg-color-active: #118411; diff --git a/static/css/layout.css b/static/css/layout.css index e418b7c..754715b 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -1,5 +1,18 @@ @layer pre-load, baseline, overload-1, print; +/* + * saving this for when doing a table of contents, position: sticky isn't good enough + *https://lea.verou.me/blog/2020/06/hybrid-positioning-with-css-variables-and-max/ + * will also need to make use of container queries to shift it into static positioning when the screen isn't wide enough + *nav{ + border: dashed lime 3px; + position:fixed; + left: 20px; + top: 100px; + min-width:200px; +} + * */ + @layer overload-1{ dt{ font-weight:normal;