Viewer project foundations

1 files changed, 37 insertions, 0 deletions

diff --git a/viewer/src/assets/scss/buefy.scss b/viewer/src/assets/scss/buefy.scss
new file mode 100644
index 0000000..5249899
--- /dev/null
+++ b/viewer/src/assets/scss/buefy.scss
@@ -0,0 +1,37 @@
+@import "~bulma/sass/utilities/initial-variables";
+@import "~bulma/sass/utilities/functions";
+// 1. Set your own initial variables and derived
+//    variables in _variables.scss
+@import "buefy_variables";
+
+// 2. Setup your Custom Colors
+$linkedin: #0077b5;
+$linkedin-invert: findColorInvert($linkedin);
+$twitter: #55acee;
+$twitter-invert: findColorInvert($twitter);
+$github: #333;
+$github-invert: findColorInvert($github);
+
+@import "~bulma/sass/utilities/derived-variables";
+
+// 3. Add new color variables to the color map.
+$addColors: (
+  "twitter": (
+    $twitter,
+    $twitter-invert
+  ),
+  "linkedin": (
+    $linkedin,
+    $linkedin-invert
+  ),
+  "github": (
+    $github,
+    $github-invert
+  )
+);
+$colors: map-merge($colors, $addColors);
+
+@import "~bulma";
+@import "~buefy/src/scss/buefy";
+
+// 4. Provide custom buefy overrides and site styles here