From 3df1a8049dc693fb1a8835d2aafdd57b74aac407 Mon Sep 17 00:00:00 2001
From: "jakob.stendahl" <jakob.stendahl@infomedia.dk>
Date: Sun, 15 Jan 2023 22:35:42 +0100
Subject: Initial commit

---
 src/scss/landscape-warning.scss | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/scss/landscape-warning.scss

(limited to 'src/scss/landscape-warning.scss')

diff --git a/src/scss/landscape-warning.scss b/src/scss/landscape-warning.scss
new file mode 100644
index 0000000..443102a
--- /dev/null
+++ b/src/scss/landscape-warning.scss
@@ -0,0 +1,39 @@
+.landscape-warning {
+    display: none;
+    position: absolute;
+    z-index: 9999999;
+    width: 100%;
+    height: 100%;
+    padding-top: 50%;
+    background-color: $background-base;
+    text-align: center;
+
+    &-content {
+        position: relative;
+        top: -50px;
+    }
+
+    i { font-size: 5em; }
+
+    h1 {
+        font-size: 1em;
+        margin: 10px;
+    }
+
+    button {
+        border: none;
+        background-color: $background-z1;
+        color: $foreground-z1;
+        padding: 10px;
+        width: 140px;
+        height: 40px;
+    }
+
+    .ignore-landscape-warning & { display: none !important; }
+}
+
+@media screen and (orientation:portrait) {
+    .landscape-warning {
+        display: block;
+    }
+}
-- 
cgit v1.2.3