Copy the bfd_systopia folder to /themes/custom folder and set it as
default theme.
If you are using a multisites Drupal instance you have to copy the
"Bootstrap for drupal" base theme to your site specific folder /themes/contrib
or change the relative path in the SCSS master file -
bfd_systopia/assets/scss/style.scss.
To use a custom CSS go to the theme settings in
/admin/appearance/settings/bfd_systopia Tick "Use bfd-custom.css".
That setting will create a "bfd-custom.css" in files folder that you can use
to customize the theme.
You can theme directly with the file bfd_systopia/assets/scss/base/_base.scss
and add SCSS files to the master SCSS file
bfd_systopia/assets/scss/tools/_subtheme.scss. Gulp file is provided to
compile SCSS but you will have to install node.js modules.
To use a custom CSS go to the theme settings in
/admin/appearance/settings/bfd_systopia Tick "Use bfd-custom.css".
That setting will create a "bfd-custom.css" in files folder that you can use
to customize the theme.
In the theme, there is a SCSS template folder for you to add your custom CSS
without subtheme. Find in assets/scss/tools a custom folder, copy it to
assets/scss/ and in the bottom of the file assets/scss/style.scss
uncomment the line @import 'custom/include. After updating the theme
dont forget to uncomment that line again. Gulp file is provided to
compile SCSS but you will have to install node.js modules.
With the theme is a gulpfile provided. All required dependencies can be
installed with npm update.
To compile the stylesheets run npm run build. This will compile the
assets/scss/style.scss file into a assets/css/style.css file, including
Bootstrap and all base theme styles defined in its assets/scss/tools/theme
partial, which has to be located according to the @import statement in
assets/scss/style.scss.
If you want an automatic re-build when a file changes, execute npm run watch.