POC frontend setup w/ static data.

2021-01-03 16:35:54 +01:00
parent 446a50e6f7
commit d8b718273b
11 changed files with 312 additions and 0 deletions
--- a/frontend/styles/media-queries.scss
+++ b/frontend/styles/media-queries.scss
@@ -0,0 +1,28 @@
+$mobile-width: 768px;
+$tablet-max: 1200px;
+$desktop-max: 2004px;
+
+
+@mixin mobile {
+  @media (max-width: #{$mobile-width}) {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media (min-width: #{$mobile-width + 1px}) {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media (min-width: #{$tablet-max + 1px}) {
+    @content;
+  }
+}
+
+@mixin widescreen {
+  @media (min-width: #{$desktop-max + 1px}){
+    @content;
+  }
+}