@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