From 5d672842f364435c85ff3bc9d9c3206240034b15 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 15 Oct 2019 02:46:41 +0300
Subject: [PATCH] mobile style variables

---
 pages/_app.tsx           | 36 ++++++++++++++++++++++++++++++++++++
 src/style/variables.scss | 15 ---------------
 2 files changed, 36 insertions(+), 15 deletions(-)
 create mode 100644 pages/_app.tsx

diff --git a/pages/_app.tsx b/pages/_app.tsx
new file mode 100644
index 00000000..76a2ef98
--- /dev/null
+++ b/pages/_app.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import App, { Container } from 'next/app'
+
+class MyApp extends App {
+    render() {
+        const { Component, pageProps } = this.props
+
+        return (
+            <Container>
+                <style global jsx>{`
+                    @media (max-width: 31.25em) {
+                        :root {
+                            --smaller-font-size: 0.9rem;
+                            --normal-font-size: 1rem;
+                            --bigger-font-size: 1.1rem;
+                            --big-font-size: 1.3rem;
+                            --biggest-font-size: 2rem;
+
+                            --font-size-h1: 1.75rem;
+                            --font-size-h2: 1.5rem;
+                            --font-size-h3: 1.25rem;
+                        }
+                    }
+
+                    #__next {
+                        height: 100%;
+                    }
+                `}</style>
+
+                <Component {...pageProps} />
+            </Container>
+        )
+    }
+}
+
+export default MyApp
\ No newline at end of file
diff --git a/src/style/variables.scss b/src/style/variables.scss
index c7a0baa4..6dec6c08 100644
--- a/src/style/variables.scss
+++ b/src/style/variables.scss
@@ -75,18 +75,3 @@
     //OTHER
     --block-border-radius: 3px;
 }
-
-@media (max-width: var(--mobile-width)) {
-    :root {
-        //FONTS
-        --smaller-font-size: 0.9rem;
-        --normal-font-size: 1rem;
-        --bigger-font-size: 1.1rem;
-        --big-font-size: 1.3rem;
-        --biggest-font-size: 2rem;
-
-        --font-size-h1: 1.75rem;
-        --font-size-h2: 1.5rem;
-        --font-size-h3: 1.25rem;
-    }
-}