Customized Style with laravel-mix and bulma css

main.scss

Main scss file
// fonts
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab');

@import "node_modules/bulma/sass/utilities/initial-variables.sass";

@import 'var.scss';
@import 'node_modules/bulma/bulma.sass';


//var.scss
$edgewater : #c0dfd9 ;
$green-white: #E9ECE5;
$submarine: #b3c2bf ;
$tuatara : #3b3a36 ;
$half-baked : #89bdd3;
$french-rose : #ec407a;
$denim : #1565c0 ;

$body-background : $green-white ;
$primary  : $denim ;
$primary-invert : #e3f2fd;
$family-serif : 'Roboto Slab', 'Open Sans' , 'serif' ;


$blue : $half-baked ;
$pink : $french-rose ;
$pink-invert : #fce4ec ;


$text : $tuatara;
$text-light : $green-white ;
$family-primary : $family-serif ;