add sample sass files

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;
+}

src/styles/base/_fonts.scss

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css?family=Nunito:400,600");

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;
+}

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

src/styles/options.scss

@@ -0,0 +1,8 @@
+@import "fonts";
+@import "reset";
+@import "variables";
+
+body {
+  color: $black;
+  background-color: $greyWhite;
+}

src/styles/popup.scss

@@ -0,0 +1,8 @@
+@import "fonts";
+@import "reset";
+@import "variables";
+
+body {
+  color: $black;
+  background-color: $greyWhite;
+}