#19 - Settings container not visible in mobile

2021-06-08 16:15:44 +01:00
parent b03bedd227
commit 3b9b974ae7
3 changed files with 19 additions and 2 deletions
--- a/src/styles/media-queries.scss
+++ b/src/styles/media-queries.scss
@@ -1,5 +1,6 @@

 /* Widths in px */
+$very-very-tiny: 400px;
 $tiny: 600px;
 $small: 780px;
 $medium: 1150px;
@@ -8,6 +9,12 @@ $extra-large: 2800px;

 /* Usage @include tablet { ... } */

+@mixin very-tiny-phone {
+  @media (max-width: #{$very-very-tiny - 1px}) {
+    @content;
+  }
+}
+
@mixin phone {
  @media (max-width: #{$tiny - 1px}) {
    @content;