From a04a8e25d660ed5a0f339c7a3bb5ea03055dae08 Mon Sep 17 00:00:00 2001
From: abhijithvijayan <34790378+abhijithvijayan@users.noreply.github.com>
Date: Fri, 25 Oct 2019 12:37:18 +0530
Subject: [PATCH] add sample sass files

---
 src/styles/base/_components.scss | 28 ++++++++++++++++++++++++++++
 src/styles/base/_fonts.scss      |  1 +
 src/styles/base/_reset.scss      | 31 +++++++++++++++++++++++++++++++
 src/styles/base/_variables.scss  | 20 ++++++++++++++++++++
 src/styles/options.scss          |  8 ++++++++
 src/styles/popup.scss            |  8 ++++++++
 6 files changed, 96 insertions(+)
 create mode 100644 src/styles/base/_components.scss
 create mode 100644 src/styles/base/_fonts.scss
 create mode 100644 src/styles/base/_reset.scss
 create mode 100644 src/styles/base/_variables.scss
 create mode 100644 src/styles/options.scss
 create mode 100644 src/styles/popup.scss

diff --git a/src/styles/base/_components.scss b/src/styles/base/_components.scss
new file mode 100644
index 0000000..2d5589c
--- /dev/null
+++ b/src/styles/base/_components.scss
@@ -0,0 +1,28 @@
+.d-none {
+  display: none !important;
+}
+
+.v-none {
+  visibility: hidden !important;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.mt-3 {
+  margin-top: 3em;
+}
+
+.mb-2 {
+  margin-bottom: 2em;
+}
+
+.my-2 {
+  margin-top: 1em;
+  margin-bottom: 2em;
+}
+
+.py-2 {
+  padding: 1em 24px;
+}
diff --git a/src/styles/base/_fonts.scss b/src/styles/base/_fonts.scss
new file mode 100644
index 0000000..52ca8dc
--- /dev/null
+++ b/src/styles/base/_fonts.scss
@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css?family=Nunito:400,600");
diff --git a/src/styles/base/_reset.scss b/src/styles/base/_reset.scss
new file mode 100644
index 0000000..af7a024
--- /dev/null
+++ b/src/styles/base/_reset.scss
@@ -0,0 +1,31 @@
+// Manually forked from Normalize.css, Reboot.css, Sanitize.css, and Untouched.css
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+*:focus {
+  outline: 0;
+}
+
+ol,
+ul {
+  list-style-type: none;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+}
+
+body {
+  overflow-x: hidden;
+}
+
+a:link {
+  text-decoration: none;
+}
diff --git a/src/styles/base/_variables.scss b/src/styles/base/_variables.scss
new file mode 100644
index 0000000..1bdab74
--- /dev/null
+++ b/src/styles/base/_variables.scss
@@ -0,0 +1,20 @@
+// colors
+$black: #0d0d0d;
+$greyWhite: #f3f3f3;
+$skyBlue: #8892b0;
+
+// fonts
+$nunito: "Nunito", sans-serif;
+
+// font weights
+$thin: 100;
+$exlight: 200;
+$light: 300;
+$regular: 400;
+$medium: 500;
+$semibold: 600;
+$bold: 700;
+$exbold: 800;
+$exblack: 900;
+
+// other
diff --git a/src/styles/options.scss b/src/styles/options.scss
new file mode 100644
index 0000000..909388e
--- /dev/null
+++ b/src/styles/options.scss
@@ -0,0 +1,8 @@
+@import "fonts";
+@import "reset";
+@import "variables";
+
+body {
+  color: $black;
+  background-color: $greyWhite;
+}
diff --git a/src/styles/popup.scss b/src/styles/popup.scss
new file mode 100644
index 0000000..909388e
--- /dev/null
+++ b/src/styles/popup.scss
@@ -0,0 +1,8 @@
+@import "fonts";
+@import "reset";
+@import "variables";
+
+body {
+  color: $black;
+  background-color: $greyWhite;
+}