From aec7685fe29b29b4c32268cdaffe63041368443b Mon Sep 17 00:00:00 2001
From: abhijithvijayan <34790378+abhijithvijayan@users.noreply.github.com>
Date: Mon, 30 Mar 2020 02:01:33 +0530
Subject: [PATCH] fix(#24): use webext-base-css basing styling for options page

---
 package.json            | 5 +++--
 src/Options/styles.scss | 4 +++-
 yarn.lock               | 5 +++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index ed7ceb4..44ac2e2 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "author": "abhijithvijayan <34790378+abhijithvijayan@users.noreply.github.com>",
   "license": "MIT",
   "engines": {
-    "node": ">=10 <=12",
+    "node": ">=10.0.0",
     "yarn": ">= 1.0.0"
   },
   "scripts": {
@@ -25,6 +25,7 @@
     "@babel/runtime": "^7.9.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "webext-base-css": "^1.0.0",
     "webextension-polyfill-ts": "^0.14.0"
   },
   "devDependencies": {
@@ -75,4 +76,4 @@
     "write-webpack-plugin": "^1.1.0",
     "zip-webpack-plugin": "^3.0.0"
   }
-}
\ No newline at end of file
+}
diff --git a/src/Options/styles.scss b/src/Options/styles.scss
index 991ad79..104b6b6 100644
--- a/src/Options/styles.scss
+++ b/src/Options/styles.scss
@@ -2,7 +2,9 @@
 @import "../styles/reset";
 @import "../styles/variables";
 
+@import "~webext-base-css/webext-base.css";
+
 body {
   color: $black;
   background-color: $greyWhite;
-}
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 84b0d55..be6f47a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7035,6 +7035,11 @@ watchpack@^1.6.0:
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
 
+webext-base-css@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/webext-base-css/-/webext-base-css-1.0.0.tgz#c39fb2f8834cc90a63a9eb6cb72dd27d4e140d14"
+  integrity sha512-OBS4y/n2WX1wuGFS20QIc6bfaa7cXa5qRky/Ni/hUrZ3oHa1wuyRTnoxWyN7WtVEN+/6AjOwvfEbIpWt3bVbdg==
+
 webextension-polyfill-ts@^0.14.0:
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/webextension-polyfill-ts/-/webextension-polyfill-ts-0.14.0.tgz#37c56852613f9b9fa4992ba673b615d8fcaf1e24"