ArticleCardList style moved to styled jsx

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}

src/style/components/ArticleCardList.scss

@@ -1,5 +0,0 @@
-.ArticleCardList-body {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}

src/style/style.scss

@@ -20,7 +20,6 @@
 @import "components/page-schedule";
 @import "components/page-collective";
 
-@import "components/ArticleCardList";
 @import "components/ArticleTags";
 
 @import "main";