36 lines
886 B
SCSS
36 lines
886 B
SCSS
// Import Bulma's core
|
|
@import "~bulma/sass/utilities/_all";
|
|
|
|
$eHandyPrimaryColor: #0091ea;
|
|
$eHandyPrimaryColor-invert: #fff;
|
|
|
|
// Set your colors
|
|
$primary: $eHandyPrimaryColor;
|
|
$primary-invert: $eHandyPrimaryColor-invert;
|
|
|
|
// Links
|
|
$link: $primary;
|
|
$link-invert: $primary-invert;
|
|
$link-focus-border: $primary;
|
|
|
|
// 4. Setup your Custom Colors
|
|
$linkedin: #0077b5;
|
|
$linkedin-invert: findcolorinvert($linkedin);
|
|
$twitter: #55acee;
|
|
$twitter-invert: findcolorinvert($twitter);
|
|
$github: #333;
|
|
$github-invert: findcolorinvert($github);
|
|
|
|
// 5. Add new color variables to the color map.
|
|
$addColors: (
|
|
"twitter":($twitter, $twitter-invert),
|
|
"linkedin": ($linkedin, $linkedin-invert),
|
|
"github": ($github, $github-invert),
|
|
"primary": ($primary, $primary-invert)
|
|
);
|
|
$colors: map-merge($colors, $addColors);
|
|
|
|
// Import Bulma and Buefy styles
|
|
@import "~bulma";
|
|
@import "~buefy/src/scss/buefy";
|