From 42322feced8fe99057aaf3d4b28c2d3c2e201b67 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Thu, 17 Oct 2019 16:51:09 +0300
Subject: [PATCH] content sizes for mobile refacoting

moved from scss file to _app global style
---
 pages/_app.tsx         |  3 +++
 src/style/content.scss | 22 ----------------------
 2 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 021c14a3..1d9e87d6 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -19,6 +19,9 @@ class MyApp extends App {
                             --font-size-h1: 1.75rem;
                             --font-size-h2: 1.5rem;
                             --font-size-h3: 1.25rem;
+
+                            --content-thin: 90%;
+                            --content-wide: 90%;
                         }
                     }
 
diff --git a/src/style/content.scss b/src/style/content.scss
index 2d4594f1..3889e7fa 100644
--- a/src/style/content.scss
+++ b/src/style/content.scss
@@ -43,28 +43,6 @@
     animation: none;
 }
 
-@media screen and (max-width: var(--mobile-width)) {
-    --content-mobile: 95%;
-
-    .content {
-        &.content_wide {
-            width: var(--content-mobile);
-        }
-
-        &.content_semi-wide {
-            width: var(--content-mobile);
-        }
-
-        &.content_thin {
-            width: var(--content-mobile);
-        }
-
-        &.content--padding-top--menu {
-            padding-top: var(--single-margin);
-        }
-    }
-}
-
 @media screen and (min-width: var(--tablet-min-width)) and (max-width: var(--tablet-max-width)) {
     $thin-value: 70%;
     $wide-value: 95%;