From 7ae68f079ddfb74c9a1b17c4f30dfe4c258d4a9f Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Fri, 20 Dec 2019 17:47:04 +0100 Subject: Viewer project foundations --- viewer/src/assets/scss/buefy.scss | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 viewer/src/assets/scss/buefy.scss (limited to 'viewer/src/assets/scss/buefy.scss') 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 -- cgit v1.2.3