Customizable SCSS of Bulma & Buefy
Entire theme can be customized by simply edited variables in following file:
customize/variables
You should compile 2 files:
build.scss
: this will compile base css of bulma and buefy.style.scss
: custom scss must be written in this file, this is for project specific style.
It is recommended to import/include vaahcss
helper css classes:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vaahcss@latest/css/vaahcss.min.css" />
https://cdn.jsdelivr.net/npm/vaahcss@latest/css/vaahcss.min.css
- Download the latest version of
scss
and put it in specific folder. - Import
@import "../../customize/variables";
in all thescss
files after the variables. - Copy all the variables of all the file and put it in the
customize/variables
. - Update the path in
build.scss
andstyle.scss
files. - Run
npm install
and thennpm run dev
ornpm run prod
-
Bulma SCSS: https://github.com/j1mc/bulma-scss
-
Buefy SCSS: https://github.com/buefy/buefy/tree/dev/src/scss
-
https://jenil.github.io/bulmaswatch/ - For themes