From bed054890901fa85250b185c3398d8aba57c5206 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Fri, 21 Feb 2020 20:16:23 +0300
Subject: [PATCH] article style update

---
 src/components/Page/index.tsx     |  2 +-
 src/style/components/Article.scss | 18 ++++--------------
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/Page/index.tsx b/src/components/Page/index.tsx
index 62f4e490..3d1e9de5 100644
--- a/src/components/Page/index.tsx
+++ b/src/components/Page/index.tsx
@@ -8,7 +8,7 @@ export interface IPageProps {
 }
 
 export const Page: React.FC<IPageProps> = props => (
-    <div className={'Article Article--cloud'}>
+    <div className={'Article'}>
         <div className={'Article-Body'}>
             <Html
                 html={props.children}
diff --git a/src/style/components/Article.scss b/src/style/components/Article.scss
index f172e585..fb632a4c 100644
--- a/src/style/components/Article.scss
+++ b/src/style/components/Article.scss
@@ -2,20 +2,17 @@
     --article-line-height: 1.5em;
     --article-quote-padding: var(--half-margin);
     --article-quote-font-size: 1.25em;
-    --article-head-margin-bottom: var(--small-margin);
 
     hyphens: auto;
-
     margin-bottom: var(--post-margin);
 
     &-Head {
         margin-bottom: 1.25em;
+    }
 
-        h1 {
-            margin-bottom: var(--article-head-margin-bottom);
-        }
-
-   }
+    h1 {
+        margin-bottom: var(--size-s);
+    }
 
     &-Body {
         --text-margin: 10px;
@@ -78,13 +75,6 @@
             background: var(--dark-color);
         }
     }
-
-    &--cloud {
-        h1 {
-            --article-head-margin-bottom: var(--single-margin);
-            margin-bottom: var(--article-head-margin-bottom);
-        }
-    }
 }
 
 @media (max-width: var(--mobile-width)) {