Skip to content
GitLab

Update option B: Include parts of Bootstrap

Closed Administrator requested to merge github/fork/o-alquimista/patch-1 into main

Created by: o-alquimista

By following the current instructions I was unable to add new colors to the $theme-colors variable. To make it work, I had to import variables first.

This won't work (as in "it doesn't result in the creation of bg-<color> classes"):

@import "../node_modules/bootstrap/scss/functions";

$my-theme: (
  "blackhole": #111111,
  "onion": #59316b
);

$theme-colors: map-merge($theme-colors, $my-theme);

@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";

This will work:

@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";

$my-theme: (
  "blackhole": #111111,
  "onion": #59316b
);

$theme-colors: map-merge($theme-colors, $my-theme);

@import "../node_modules/bootstrap/scss/mixins";

I'm not very experienced with Sass, though. Maybe I did something wrong. Please check if you can reproduce this. I'm using Dart Sass 1.33.0.