diff options
| author | Starfall <us@starfall.systems> | 2023-09-05 22:43:01 -0500 |
|---|---|---|
| committer | Starfall <us@starfall.systems> | 2023-09-05 22:43:01 -0500 |
| commit | b31c7b8f282ec3cf71e70a0fe4c7dd984d1e3a19 (patch) | |
| tree | 4a501b8919b030f36f97f53b8ba146e3934048df | |
| parent | 1edc816acbf36ba65bdb9a32be28536e8b7fb8d5 (diff) | |
silly mercury retrograde thing
| -rw-r--r-- | src/css-experiments.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/css-experiments.html b/src/css-experiments.html new file mode 100644 index 0000000..cbe88af --- /dev/null +++ b/src/css-experiments.html @@ -0,0 +1,35 @@ +--- +title = "CSS Experiments" +layout = "base.njk" +--- + +<style> +.warning { + display: none; +} + +.warning + span { + color: #3d4041; + text-shadow: none; + border: 1px solid #3d4041; + border-radius: 0.25em; + padding: 0 0.25em; +} + +.warning:checked + span { + color: pink; + text-shadow: 0 0 4px red, 0 0 12px red; + border: 1px solid pink; + border-radius: 0.25em; + box-shadow: 0 0 8px red; + padding: 0 0.25em; +} +</style> + +<section> + <p>Silly warning label. I've made it toggleable, because why not: + <label> + <input type=checkbox class=warning /> + <span>MERCURY IN RETROGRADE</span> + </label> +</section> |