Minosr adjustments and fixes

Author: johncol

css/style.min.css

@@ -43,18 +43,18 @@
 
 @mixin media-query-for($device) {
   @if $device == small-phone {
-    @media (max-width: 21.25em) { @content; } // 340px
+    @media only screen and (max-width: 21.25em) { @content; } // 340px
   }
   @if $device == phone {
-    @media (max-width: 37.5em) { @content; } // 600px
+    @media only screen and (max-width: 37.5em) { @content; } // 600px
   }
   @if $device == tablet-portrait {
-    @media (max-width: 56.25em) { @content; } // 900px
+    @media only screen and (max-width: 56.25em) { @content; } // 900px
   }
   @if $device == tablet-landscape {
-    @media (max-width: 75em) { @content; } // 1200px
+    @media only screen and (max-width: 75em) { @content; } // 1200px
   }
   @if $device == big-desktop {
-    @media (min-width: 112.5em) { @content; } // 1800px
+    @media only screen and (min-width: 112.5em) { @content; } // 1800px
   }
 }

sass/abstracts/_mixins.scss

@@ -34,4 +34,9 @@ body {
   @include media-query-for(tablet-portrait) {
     padding: 0;
   }
+
+  ::selection {
+    background-color: $color-primary;
+    color: $color-white;
+  }
 }

sass/base/_base.scss

@@ -64,7 +64,7 @@
       transparent 50%,
       transparent 100%
     ),
-    url(../../img/nat-10.jpg);
+    url(../img/nat-10.jpg);
   background-size: cover;
   border-radius: 0.3rem;
   box-shadow: 0 1.5rem 4rem rgba($color-black, 0.2);
@@ -77,7 +77,7 @@
         transparent 65%,
         transparent 100%
       ),
-      url(../../img/nat-10.jpg);
+      url(../img/nat-10.jpg);
     width: 90vw;
     margin-right: auto;
     margin-left: auto;
@@ -89,7 +89,7 @@
         rgba($color-white, 0.9) 0%,
         rgba($color-white, 0.9) 100%
       ),
-      url(../../img/nat-10.jpg);
+      url(../img/nat-10.jpg);
     width: auto;
   }