From 5537b61e597dba47b5cd69c28268612e7eb6deb5 Mon Sep 17 00:00:00 2001 From: tdro Date: Thu, 20 Oct 2022 21:31:19 -0400 Subject: assets/css/default: Add basic checkbox input styling --- assets/css/default.css | 43 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 39 insertions(+), 4 deletions(-) diff --git a/assets/css/default.css b/assets/css/default.css index 45f324b..3f5ca32 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -263,6 +263,34 @@ input[type="checkbox"]:checked ~ s { color: inherit; } +input[type="checkbox"] { + -webkit-appearance: none; + appearance: none; + background-color: transparent; + border-radius: 0.5rem; + border: 1px solid; + border-color: inherit; + height: 1.25rem; + margin: 0 0.25rem; + vertical-align: middle; + vertical-align: text-bottom; + width: 1.25rem; +} + +input[type="checkbox"]:checked { + color: inherit; +} + +input[type="checkbox"]:checked:after { + content: "\2714"; + display: flex; + align-items: center; + justify-content: center; + font-weight: 700; + height: 100%; + width: 100%; +} + blockquote { padding-left: 2rem; } @@ -396,13 +424,12 @@ cite { } ul { - list-style: disc; - padding-left: 2rem; + list-style: none; + padding-left: 0; } nav ol, nav ul { - list-style: none; display: inline-block; padding: 0; } @@ -917,6 +944,15 @@ micro-content { width: 0; } +micro-content ul li + li { + margin-top: 0.25rem; +} + +micro-content ul li:before { + content: "\2014"; + padding: 0 0.5rem 0 1.25rem; +} + [data-kind] micro-content h1 a, [data-kind] micro-content h2 a, [data-kind] micro-content h3 a { @@ -1634,7 +1670,6 @@ item-list h1 { item-list ul { padding: 0 0.5rem 0 0.5rem; - list-style: none; } item-list li:hover { -- cgit v1.2.3