From f4cd8308d5bc39bfb724e9f4385fb8f533acf261 Mon Sep 17 00:00:00 2001
From: abhijithvijayan <34790378+abhijithvijayan@users.noreply.github.com>
Date: Mon, 30 Mar 2020 02:10:58 +0530
Subject: [PATCH] chore: use webext-base-css for basic options page styling

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

diff --git a/package.json b/package.json
index f5bdfe2..e5d8fe1 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.7",
+    "webext-base-css": "^1.0.0",
     "webextension-polyfill": "^0.6.0",
     "wext-manifest": "^2.1.0"
   },
@@ -67,4 +68,4 @@
     "write-webpack-plugin": "^1.1.0",
     "zip-webpack-plugin": "^3.0.0"
   }
-}
\ No newline at end of file
+}
diff --git a/src/styles/options.scss b/src/styles/options.scss
index ab8e82c..51244a3 100644
--- a/src/styles/options.scss
+++ b/src/styles/options.scss
@@ -2,7 +2,9 @@
 @import "base/reset";
 @import "base/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 c6fb258..083cac3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6536,6 +6536,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@^0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/webextension-polyfill/-/webextension-polyfill-0.5.0.tgz#795e0bf6a2b8eadcdb6edaecd169e9228c747519"