From 0539d6963ebedd554cd3cd36b6c94df9659d6a6b Mon Sep 17 00:00:00 2001
From: Maksymilian Jopek <maks@jopek.eu>
Date: Mon, 28 Apr 2025 18:03:28 +0200
Subject: Initial commit

Simple frontend version with mock API
---
 src/components/Button.module.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/Button.module.css

(limited to 'src/components/Button.module.css')

diff --git a/src/components/Button.module.css b/src/components/Button.module.css
new file mode 100644
index 0000000..7041eaf
--- /dev/null
+++ b/src/components/Button.module.css
@@ -0,0 +1,29 @@
+.btn:last-child {
+  margin-bottom: 0;
+}
+.generic-button {
+  display: grid;
+  place-items: center;
+  border: 3px solid #222;
+  color: white;
+  border-radius: 15px;
+  font-size: 1.6em;
+  width: 100%;
+  transition: transform 0.05s;
+  user-select: none;
+}
+.generic-button:enabled:active {
+  transform: scale(0.8);
+  box-shadow: inset 0px 0px 5px 0px black;
+}
+.generic-button:disabled {
+  filter: grayscale(0.8);
+}
+.btn {
+  composes: generic-button;
+  --page-size-without-margins: (
+    100svh - (var(--rows-count) + 1) * var(--btn-gap)
+  );
+  --btn-height: calc(var(--page-size-without-margins) / var(--rows-count));
+  height: var(--btn-height);
+}
-- 
cgit v1.3.1