diff options
| -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> |