From 3c19dfad04d22eeabda10f1a1c7f7e1fb924ebb1 Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Thu, 14 Jan 2021 19:17:32 +0300
Subject: [PATCH] move styles from gatsby-browser.js

---
 gatsby-browser.js      | 14 --------------
 src/styles/global.scss | 16 ++++++++++++++++
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/gatsby-browser.js b/gatsby-browser.js
index 1913a1a..08a5de3 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -4,21 +4,7 @@ import Layout from "./src/components/Layout/Layout"
 
 import "prismjs/themes/prism-tomorrow.css"
 import "prismjs/plugins/line-numbers/prism-line-numbers.css"
-
 import "./src/styles/global.scss"
-import "./src/components/Header/Header.scss"
-import "./src/components/About/About.scss"
-import "./src/components/Offers/Offers.scss"
-import "./src/components/Articles/Articles.scss"
-import "./src/components/Articles/ArticleCard/ArticleCard.scss"
-import "./src/components/Newsletter/Newsletter.scss"
-import "./src/components/Article/Article.scss"
-import "./src/components/Snippet/Snippet.scss"
-import "./src/components/Snippets/Snippets.scss"
-import "./src/components/Articles/MoreArticles/MoreArticles.scss"
-import "./src/components/Books/Books.scss"
-import "./src/components/Contacts/Contacts.scss"
-import "./src/components/Footer/Footer.scss"
 
 export const shouldUpdateScroll = ({ routerProps: { location } }) => {
   const { pathname } = location
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 22e47e6..2a73c64 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -1,6 +1,22 @@
 @import './variables.scss';
 @import './fonts.scss';
 
+/* Components */
+
+@import '../components/Header/Header.scss';
+@import '../components/About/About.scss';
+@import '../components/Offers/Offers.scss';
+@import '../components/Articles/Articles.scss';
+@import '../components/Articles/ArticleCard/ArticleCard.scss';
+@import '../components/Newsletter/Newsletter.scss';
+@import '../components/Article/Article.scss';
+@import '../components/Snippet/Snippet.scss';
+@import '../components/Snippets/Snippets.scss';
+@import '../components/Articles/MoreArticles/MoreArticles.scss';
+@import '../components/Books/Books.scss';
+@import '../components/Contacts/Contacts.scss';
+@import '../components/Footer/Footer.scss';
+
 .container-fluid {
   max-width: 1200px;
   margin: 0 auto;