From 274e1e7fc06ecdf19a83f0632c8c4f8c28cfe461 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Mon, 14 Oct 2019 22:33:02 +0300
Subject: [PATCH] hudozka title style moved to styled jsx

---
 src/components/HudozkaTitle.jsx        | 33 ++++++++++++++++++++++----
 src/style/components/HudozkaTitle.scss | 22 -----------------
 src/style/style.scss                   |  1 -
 3 files changed, 29 insertions(+), 27 deletions(-)
 delete mode 100644 src/style/components/HudozkaTitle.scss

diff --git a/src/components/HudozkaTitle.jsx b/src/components/HudozkaTitle.jsx
index 81aa00d9..a13abf2c 100644
--- a/src/components/HudozkaTitle.jsx
+++ b/src/components/HudozkaTitle.jsx
@@ -1,8 +1,33 @@
 import React from 'react'
 
 export const HudozkaTitle = () => (
-	<div className="HudozkaTitle">
-		<p>МБУДО</p>
-		<h1>Шлиссельбургская детская художественная школа</h1>
-	</div>
+    <div>
+        <style jsx>{`
+            div {
+                --padding: var(--double-margin) 0;
+
+                padding: var(--padding);
+                text-align: center;
+            }
+
+            p {
+                color: var(--text-color-second);
+                margin-top: var(--single-margin);
+                font-size: var(--font-size-second);
+            }
+
+            h1 {
+                margin-top: var(--single-margin);
+            }
+
+            @media (max-width: var(--mobile-width)) {
+                div {
+                    --padding: 0 0 var(--double-margin);
+                }
+            }
+        `}</style>
+
+        <p>МБУДО</p>
+        <h1>Шлиссельбургская детская художественная школа</h1>
+    </div>
 )
diff --git a/src/style/components/HudozkaTitle.scss b/src/style/components/HudozkaTitle.scss
deleted file mode 100644
index d5820304..00000000
--- a/src/style/components/HudozkaTitle.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.HudozkaTitle {
-  --padding: var(--double-margin) 0;
-
-  padding: var(--padding);
-  text-align: center;
-
-  p {
-    color: var(--text-color-second);
-    margin-top: var(--single-margin);
-    font-size: var(--font-size-second);
-  }
-
-  h1 {
-    margin-top: var(--single-margin);
-  }
-}
-
-@media (max-width: var(--mobile-width)) {
-  .HudozkaTitle {
-    --padding: 0 0 var(--double-margin);
-  }
-}
diff --git a/src/style/style.scss b/src/style/style.scss
index 955d578d..c2f54d58 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -28,7 +28,6 @@
 @import "content";
 @import "page-animation";
 @import "main-image";
-@import "components/HudozkaTitle";
 //@import "vertical-image";
 
 @import "schedule-selector";