Mounting Bootstrap from NPM broke SCSS variable overrides

support
2

Didn’t take a close look into this, but you’re importing the pre-built Bootstrap CSS (The SCSS have been transformed to CSS already) instead of SCSS, so the SCSS variables won’t work.

The Bootstrap SCSS files are located in node_modules/bootstrap/scss.

// config.yaml
module:
  mounts:
    // ...
    - source: "node_modules/bootstrap/scss"
    target: "assets/paige/bootstrap"
    # includeFiles: ["/bootstrap.css"]

You’ll need to adjust the following code as well, since there is not paige/bootstrap/bootstrap.css imported.

{{ if $page.Param "paige.color" }}
    {{ partial "paige/link.html" (dict "href" "paige/bootstrap/custom.scss" "page" $page "sass" true) }}
{{ else }}
    {{ partial "paige/link.html" (dict "href" "paige/bootstrap/bootstrap.css") }}
{{ end }}

Preview:

// config.yaml
params:
  paige:
    color: red

image