adds breakpoint super extra small resolutions

androide-osorio · Aug 8, 2016 · 0a3a5ef · 0a3a5ef
1 parent 013ce40
commit 0a3a5ef
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/sass/components/weather-widget/box.scss b/src/sass/components/weather-widget/box.scss
@@ -109,8 +109,8 @@
 
     .weather-widget-box-header {
       position: absolute;
-      top: 15px;
-      left: 15px;
+      top: 5%;
+      left: 5%;
       width: 90%;
 
       h5 {

diff --git a/src/sass/global/elements.scss b/src/sass/global/elements.scss
@@ -3,13 +3,25 @@ html {
   font-size: 14px;
   $breakpoint-md: map-get($breakpoints, md);
 
+  @media all and (max-width:159px) {
+    font-size: 3px;
+  }
+
+  @media all and (min-width:160px) and (max-width:319px) {
+    font-size: 7px;
+  }
+
   @media all and (min-width: $breakpoint-md) and (max-width: 1099px) {
     font-size: 20px;
   }
 
   @media all and (min-width: 1100px) {
     font-size: 24px;
   }
+
+  @media all and (min-width: 1800px) {
+    font-size: 27px;
+  }
 }
 
 body {