From fe59d8f0edb1100f3a4dc43fe06f9d98f76930a9 Mon Sep 17 00:00:00 2001
From: Artur Tamborski <tamborskiartur@gmail.com>
Date: Sun, 15 Nov 2020 09:10:32 +0100
Subject: [PATCH] components: use sass :)

---
 package.json                                  |  1 +
 src/components/App/{App.css => App.scss}      |  0
 src/components/App/App.tsx                    |  2 +-
 .../Board/{Board.css => Board.scss}           |  0
 src/components/Board/Board.tsx                |  2 +-
 src/components/Logo/{Logo.css => Logo.scss}   |  0
 src/components/Logo/Logo.tsx                  |  2 +-
 yarn.lock                                     | 37 +++++++++++--------
 8 files changed, 26 insertions(+), 18 deletions(-)
 rename src/components/App/{App.css => App.scss} (100%)
 rename src/components/Board/{Board.css => Board.scss} (100%)
 rename src/components/Logo/{Logo.css => Logo.scss} (100%)

diff --git a/package.json b/package.json
index a8ac935..cc644b4 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.0",
+    "sass": "^1.29.0",
     "typescript": "^4.0.3",
     "web-vitals": "^0.2.4"
   },
diff --git a/src/components/App/App.css b/src/components/App/App.scss
similarity index 100%
rename from src/components/App/App.css
rename to src/components/App/App.scss
diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx
index 40d9664..77279bb 100644
--- a/src/components/App/App.tsx
+++ b/src/components/App/App.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import Logo from '../Logo/Logo';
 import Board from '../Board/Board';
 
-import './App.css';
+import './App.scss';
 
 export default function App(): JSX.Element {
   return (
diff --git a/src/components/Board/Board.css b/src/components/Board/Board.scss
similarity index 100%
rename from src/components/Board/Board.css
rename to src/components/Board/Board.scss
diff --git a/src/components/Board/Board.tsx b/src/components/Board/Board.tsx
index 67edd60..c96081d 100644
--- a/src/components/Board/Board.tsx
+++ b/src/components/Board/Board.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import './Board.css';
+import './Board.scss';
 
 export default class Board extends React.Component {
 
diff --git a/src/components/Logo/Logo.css b/src/components/Logo/Logo.scss
similarity index 100%
rename from src/components/Logo/Logo.css
rename to src/components/Logo/Logo.scss
diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
index 3ac0368..68a3920 100644
--- a/src/components/Logo/Logo.tsx
+++ b/src/components/Logo/Logo.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import Wide from './crosski_wide.svg'
-import './Logo.css';
+import './Logo.scss';
 
 export default function Logo(): JSX.Element {
   return (
diff --git a/yarn.lock b/yarn.lock
index 485700a..a2b68d8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3020,6 +3020,21 @@ check-types@^11.1.1:
   resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.1.2.tgz#86a7c12bf5539f6324eb0e70ca8896c0e38f3e2f"
   integrity sha512-tzWzvgePgLORb9/3a0YenggReLKAIb2owL03H2Xdoe5pKcUyWRSEQ8xfCar8t2SIAuEDwtmx2da1YB52YuHQMQ==
 
+"chokidar@>=2.0.0 <4.0.0", chokidar@^3.4.1:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.3.tgz#c1df38231448e45ca4ac588e6c79573ba6a57d5b"
+  integrity sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==
+  dependencies:
+    anymatch "~3.1.1"
+    braces "~3.0.2"
+    glob-parent "~5.1.0"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.5.0"
+  optionalDependencies:
+    fsevents "~2.1.2"
+
 chokidar@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
@@ -3039,21 +3054,6 @@ chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
-chokidar@^3.4.1:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.3.tgz#c1df38231448e45ca4ac588e6c79573ba6a57d5b"
-  integrity sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==
-  dependencies:
-    anymatch "~3.1.1"
-    braces "~3.0.2"
-    glob-parent "~5.1.0"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.5.0"
-  optionalDependencies:
-    fsevents "~2.1.2"
-
 chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
@@ -9589,6 +9589,13 @@ sass-loader@8.0.2:
     schema-utils "^2.6.1"
     semver "^6.3.0"
 
+sass@^1.29.0:
+  version "1.29.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.29.0.tgz#ec4e1842c146d8ea9258c28c141b8c2b7c6ab7f1"
+  integrity sha512-ZpwAUFgnvAUCdkjwPREny+17BpUj8nh5Yr6zKPGtLNTLrmtoRYIjm7njP24COhjJldjwW1dcv52Lpf4tNZVVRA==
+  dependencies:
+    chokidar ">=2.0.0 <4.0.0"
+
 sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"