From 56a9afd6f72123e5294e3cb77e344282a5331c9c Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Mon, 2 Nov 2020 11:39:26 +0100 Subject: [PATCH] back to css playground --- src/css/y.css | 35 +++++++++++++++++++++++++++++++++++ templates/main.mustache | 2 ++ templates/post.mustache | 5 ++++- 3 files changed, 41 insertions(+), 1 deletion(-) diff --git a/src/css/y.css b/src/css/y.css index 8c27ac9..9c4999f 100644 --- a/src/css/y.css +++ b/src/css/y.css @@ -158,6 +158,8 @@ input#d:checked ~ div { --fg0: var(--b00); --rfg: var(--b1); --hl: var(--g); + --b03: var(--bg); + --b2: hsl(218,15%,23%); } input#d:checked ~ div img { filter: brightness(0.7) saturate(0.5); @@ -169,6 +171,39 @@ input#d:checked ~ div pre { em,strong,b,i,h1,h2,h3,h4,h5,h6 { color: var(--rfg); } + +/* geek checked */ +input#g:checked ~ div { + --y: #6A0; + --o: #8A0; + --r: #AA0; + --m: #6A6; + --v: #4A8; + --b: #0A8; + --c: #0A4; + --g: #0A0; + --bg: #020; + --rbg: #040; + --fg: #0B0; + --fg0: #090; + --rfg: #0C0; + --hl: #0D0; + --b03: #020; + --b2: #080; + font-family: Courier, monospace; + font-size: 14px; + line-height: 1.1em; +} +input#g:checked ~ div img { + filter: brightness(0.8) sepia(100%) hue-rotate(55deg) saturate(3); +} +input#g:checked ~ div pre { + background: var(--bg); + border-color: var(--rbg); +} + +em,strong,b,i,h1,h2,h3,h4,h5,h6 { color: var(--rfg); } + /* ---- */ ::selection { background: var(--m); diff --git a/templates/main.mustache b/templates/main.mustache index 0e7328a..21bf28a 100644 --- a/templates/main.mustache +++ b/templates/main.mustache @@ -14,6 +14,7 @@ +
@@ -28,6 +29,7 @@ + /
diff --git a/templates/post.mustache b/templates/post.mustache index 8398d0c..0e243e8 100644 --- a/templates/post.mustache +++ b/templates/post.mustache @@ -9,8 +9,10 @@ - + + +
@@ -25,6 +27,7 @@ + /