From e57e638decb614d254029216e321cb54caa764fc Mon Sep 17 00:00:00 2001
From: Roman Timashev <tmshv@yandex-team.ru>
Date: Sun, 15 Oct 2017 16:44:06 +0300
Subject: [PATCH] [www] Article style refactoring: article -> Article

---
 src/components/Article.js                           |  6 +++---
 src/style/components/{article.scss => Article.scss} | 10 +++++-----
 src/style/style.scss                                |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)
 rename src/style/components/{article.scss => Article.scss} (96%)

diff --git a/src/components/Article.js b/src/components/Article.js
index f69093db..609ac0d9 100644
--- a/src/components/Article.js
+++ b/src/components/Article.js
@@ -18,15 +18,15 @@ const Share = () => (
 )
 
 const Article = ({children, data, url, title, date, shareable}) => (
-	<article className="article">
-		<header className="article__head">
+	<article className="Article">
+		<header className="Article-Head">
 			<Head url={url}>{title}</Head>
 			{!date ? null : (
 				<p className="date">{dateFormat(date)}</p>
 			)}
 		</header>
 
-		<div className="article__body">
+		<div className="Article-Body">
 			{children || getHtml(data)}
 		</div>
 
diff --git a/src/style/components/article.scss b/src/style/components/Article.scss
similarity index 96%
rename from src/style/components/article.scss
rename to src/style/components/Article.scss
index ae58eaf0..7753082d 100644
--- a/src/style/components/article.scss
+++ b/src/style/components/Article.scss
@@ -1,6 +1,6 @@
 @import "../variables";
 
-.article {
+.Article {
   --article-line-height: 1.75em;
   --article-quote-padding: 1em;
   --article-quote-font-size: 1.25em;
@@ -9,7 +9,7 @@
 
   margin-bottom: $post-margin;
 
-  &__head {
+  &-Head {
     margin-bottom: 1.25em;
 
     h1 {
@@ -27,7 +27,7 @@
     }
   }
 
-  &__body{
+  &-Body{
     img {
       max-width: 100%;
       max-height: 35em;
@@ -82,12 +82,12 @@
 }
 
 @media (max-width: $mobile-width) {
-  .article {
+  .Article {
     --article-line-height: 1.5em;
     --article-quote-padding: .5em;
     --article-quote-font-size: 1em;
 
-    &__body {
+    &-Body {
       img {
         max-height: 20em;
       }
diff --git a/src/style/style.scss b/src/style/style.scss
index 0e736258..f058c1a9 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -13,7 +13,7 @@
 @import "components/schedule-table";
 @import "components/footer-links";
 @import "components/cloud-page";
-@import "components/article";
+@import "components/Article";
 @import "components/Paginator";
 @import "components/album";
 @import "components/parallax";