From 4bbc916f7b92afd116a409eb7dfb3d3bfc9e2b3c Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Fri, 2 Aug 2019 14:25:36 +0300
Subject: [PATCH] common screen sizes used in app styles to define media
 queries

---
 src/App/styles.less | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App/styles.less b/src/App/styles.less
index 955f95667..8a8c24e04 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -1,4 +1,5 @@
 @import (inline, once, css) 'stremio-colors/css/stremio-colors.css';
+@import (reference) 'common/screen-sizes.less';
 
 @font-face {
     font-family: 'Roboto';
@@ -116,7 +117,7 @@ html {
     }
 }
 
-@media only screen and (max-width: 1600px) {
+@media only screen and (max-width: @medium) {
     html {
         --scroll-bar-width: 8px;
         --focusable-border-size: 2px;
@@ -124,7 +125,7 @@ html {
     }
 }
 
-@media only screen and (min-width: 1600px) and (max-width: 2000px) {
+@media only screen and (min-width: @medium) and (max-width: @large) {
     html {
         --scroll-bar-width: 8px;
         --focusable-border-size: 2px;
@@ -132,7 +133,7 @@ html {
     }
 }
 
-@media only screen and (min-width: 2000px) and (max-width: 3000px) {
+@media only screen and (min-width: @large) and (max-width: @xxlarge) {
     html {
         --scroll-bar-width: 8px;
         --focusable-border-size: 2px;
@@ -140,7 +141,7 @@ html {
     }
 }
 
-@media only screen and (min-width: 3000px) {
+@media only screen and (min-width: @xxlarge) {
     html {
         --scroll-bar-width: 10px;
         --focusable-border-size: 3px;