[Mobile] Redefine

Renames variables to be clearer.
Breaks up constants into parts to be
cleaners and straightforward. Also
removed the ratio.

platform/commonUI/general/res/sass/mobile/_mixins.scss

@@ -22,17 +22,17 @@
 
 // NOTE: Mixins for devices
 @mixin phone {
-    @media #{$phoneWidth},
-           #{$phoneHeight},
-           #{$phoneHeightEmu}{
+    @media #{$phonePortrait},
+           #{$phoneLandscape},
+           #{$phoneLandscapeEmu}{
         @content
     }
 }
 
 @mixin tablet {
-    @media #{$tabletWidth},
-           #{$tabletHeight},
-           #{$tabletHeightEmu}{
+    @media #{$tabletPortrait},
+           #{$tabletLandscape},
+           #{$tabletLandscapeEmu}{
         @content
     }
 }