Unable to modify $utilities map after loading Bootstrap v6-dev modules #42274
Unanswered
baderpaul
asked this question in
v6 Feedback
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
I am a TYPO3 developer from Germany and would like to use Bootstrap 6 in the future for site packages, similar to how it is used in WordPress.
First of all, I really like the ideas behind the new version and have been experimenting with Bootstrap v6 since last year.
Environment:
Bootstrap: v6.0.0-dev (from v6-dev branch)
Sass: Dart Sass 1.95.0
Build tool: npm
I am currently testing how the utilities can best be customized and overridden individually.
My Sass file to be compiled currently looks like this:
I tested it with from your example from
https://v6-dev--twbs-bootstrap.netlify.app/docs/6.0/utilities/api/#modify-utilities
After compilation
i get an error like that:
baderp@baderps-MBP setup_package % ddev npm run build
Error: There is no module with the namespace "map".
╷
50 │ $utilities: map.merge(
│ ┌─────────────^
51 │ │ $utilities,
52 │ │ (
53 │ │ "border": map.merge(
54 │ │ map.get($utilities, "border"),
55 │ │ ( responsive: true ),
56 │ │ ),
57 │ │ )
58 │ │ );
│ └─^
╵
Resources/Private/Scss/StyleSheet.scss 50:13 root stylesheet
After compilation with
@use "sass:map";
i get an error like that:
baderp@baderps-MBP setup_package % ddev npm run build
Error: Undefined variable.
╷
51 │ $utilities,
│ ^^^^^^^^^^
╵
Resources/Private/Scss/StyleSheet.scss 51:3 root stylesheet
Failed to run npm run build: exit status 65
Sorry for that, but I have no idea what I am doing wrong or what I have misunderstood.
Maybe you have a tip for me?
Thxx for your work
Best regards,
Paul Bader
Beta Was this translation helpful? Give feedback.
All reactions