article style update

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}

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 {
+    h1 {
-            margin-bottom: var(--article-head-margin-bottom);
+        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)) {