diff options
| author | jakob.stendahl <jakob.stendahl@infomedia.dk> | 2023-01-15 22:35:42 +0100 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2023-01-15 22:35:42 +0100 |
| commit | 3df1a8049dc693fb1a8835d2aafdd57b74aac407 (patch) | |
| tree | 82b34456f34224a92f36591be908c69a4fddb3eb /src/scss/landscape-warning.scss | |
| parent | 216e1259c32c4775768da915b6fea9b8adc5c35f (diff) | |
| download | microbit-gamepad-3df1a8049dc693fb1a8835d2aafdd57b74aac407.tar.gz microbit-gamepad-3df1a8049dc693fb1a8835d2aafdd57b74aac407.zip | |
Initial commit
Diffstat (limited to 'src/scss/landscape-warning.scss')
| -rw-r--r-- | src/scss/landscape-warning.scss | 39 |
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; + } +} |