1 files changed, 39 insertions, 0 deletions
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;
+    }
+}