From 285475762eb2b77e459bbce77676af1c048b6118 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Mon, 14 Oct 2019 17:23:16 +0300
Subject: [PATCH] ArticleCardList style moved to styled jsx

---
 src/components/ArticleCardList.jsx        | 12 ++++++++++--
 src/style/components/ArticleCardList.scss |  5 -----
 src/style/style.scss                      |  1 -
 3 files changed, 10 insertions(+), 8 deletions(-)
 delete mode 100644 src/style/components/ArticleCardList.scss

diff --git a/src/components/ArticleCardList.jsx b/src/components/ArticleCardList.jsx
index bb4ca866..c9f5bf24 100644
--- a/src/components/ArticleCardList.jsx
+++ b/src/components/ArticleCardList.jsx
@@ -3,12 +3,20 @@ import Paginator from './Paginator'
 import { ArticleCard } from './ArticleCard'
 
 export const ArticleCardList = ({ articles, nextPage, prevPage }) => (
-    <div className="ArticleCardList">
+    <div>
+        <style jsx>{`
+            .body {
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+            }
+        `}</style>
+
         {!prevPage ? null : (
             <Paginator url={`/articles/${prevPage}`} type="top" />
         )}
 
-        <div className="ArticleCardList-body">
+        <div className={'body'}>
             {articles.map((article, i) => (
                 <ArticleCard
                     key={i}
diff --git a/src/style/components/ArticleCardList.scss b/src/style/components/ArticleCardList.scss
deleted file mode 100644
index c77ade41..00000000
--- a/src/style/components/ArticleCardList.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.ArticleCardList-body {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
diff --git a/src/style/style.scss b/src/style/style.scss
index b7a123cc..955d578d 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -20,7 +20,6 @@
 @import "components/page-schedule";
 @import "components/page-collective";
 
-@import "components/ArticleCardList";
 @import "components/ArticleTags";
 
 @import "main";