Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Simply reporting. Tested solution locally which works. Later I will make an MR if nobody beats me to it.
Problem/Motivation
Error when compiling:
ERROR in ./src/scss/main.style.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable.
╷
142 │ values: $utilities-border-colors
Steps to reproduce
npm run dev
Proposed resolution
Need to @import "~bootstrap/scss/maps"; (that's where $utilities-border-colors is defined) before @import "~bootstrap/scss/utilities";.
https://github.com/twbs/bootstrap/issues/36785#issuecomment-1189969247
Issue fork radix-3299647
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
alexverb CreditAttribution: alexverb as a volunteer and commentedComment #4
alexverb CreditAttribution: alexverb as a volunteer and commentedMerge request created. I just have to double check if updating my subtheme to latest dev solves the issue. Because it has been a while since it was updated.
Comment #5
doxigo CreditAttribution: doxigo as a volunteer and at Ramsalt Lab commented@Alex Thanks a lot for the MR, could you check with the latest dev first? I guess I did fix this, if not I'll take another look and merge this
Comment #6
alexverb CreditAttribution: alexverb as a volunteer and commentedTested package.json and scss from latest dev and there is no more issue. Closing ticket.