From 4a191e8036581893bf5f4cfb284770d1bfe9a807 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Wed, 13 Sep 2023 18:39:01 +0200
Subject: Add safari code

---
 safari/Junction/Resources/Style.css | 45 +++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 safari/Junction/Resources/Style.css

(limited to 'safari/Junction/Resources/Style.css')

diff --git a/safari/Junction/Resources/Style.css b/safari/Junction/Resources/Style.css
new file mode 100644
index 0000000..cbde9e6
--- /dev/null
+++ b/safari/Junction/Resources/Style.css
@@ -0,0 +1,45 @@
+* {
+    -webkit-user-select: none;
+    -webkit-user-drag: none;
+    cursor: default;
+}
+
+:root {
+    color-scheme: light dark;
+
+    --spacing: 20px;
+}
+
+html {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    gap: var(--spacing);
+    margin: 0 calc(var(--spacing) * 2);
+    height: 100%;
+
+    font: -apple-system-short-body;
+    text-align: center;
+}
+
+body:not(.state-on, .state-off) :is(.state-on, .state-off) {
+    display: none;
+}
+
+body.state-on :is(.state-off, .state-unknown) {
+    display: none;
+}
+
+body.state-off :is(.state-on, .state-unknown) {
+    display: none;
+}
+
+button {
+    font-size: 1em;
+}
-- 
cgit