From e25e9f2e65bb815b292c9ca9a0f24bdfe1845e5b Mon Sep 17 00:00:00 2001 From: Fuwn Date: Thu, 4 Jan 2024 06:51:02 -0800 Subject: feat: cool styles --- src/app.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 src/app.css (limited to 'src/app.css') diff --git a/src/app.css b/src/app.css new file mode 100644 index 00000000..f6b051d7 --- /dev/null +++ b/src/app.css @@ -0,0 +1,47 @@ +details { + background-color: var(--base001); + padding: 1rem; + border-radius: 4px; +} + +ul { + margin: 0; +} + +input, +select { + cursor: pointer; + position: relative; + background-color: #fff; + /* margin: 0; */ + /* width: 1.15em; + height: 1.15em; */ + padding: 0.25em; + border: none; + border-radius: 4px; + transform: translateY(0.175em); + place-content: center; +} + +select { + transform: translateY(0em); + margin-top: 0.25em; + margin-bottom: 0.25em; +} + +input[type='checkbox'] { + -webkit-appearance: none; + appearance: none; + margin: 0; + width: 1.15em; + height: 1.15em; +} + +input[type='checkbox']:checked:before { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + content: '†'; + color: black; +} -- cgit v1.2.3