feat: cool styles

1 files changed, 47 insertions, 0 deletions

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;
+}