It seems the Utility API implementations in artisan_starterkit overrides/replaces Bootstrap utilities colors (at least).
see $artisan-theme-colors and its usage in artisan_starterkit/src/scss/base/_utilities.scss
From documentation the best practice it's to merge with existing ...
So extend, customize and not override/replace
https://github.com/twbs/bootstrap/blob/main/site/content/docs/5.3/custom...
And as results, for example the colors are not rgb and opacity classes won't work.
The colors mapping are not available anymore - see https://github.com/twbs/bootstrap/blob/main/scss/_maps.scss
Try to use .bg-primary class with .bg-opacity-10 for an element.
- Move colors definition into variables file
- Use $theme-colors: map-merge($theme-colors, $artisan-theme-colors);
- CleanUp / empty _utilities.scss ... I don't think it's needed.
--
--
--
Active
1.0
Code
MR created, so Needs Review
question: Could the _utilities.scss be emptied?
is this used anywhere?
("columns": (property: columns,
class: columns,
responsive: true,
values: (2: 2,
3: 3,
4: 4,
5: 5,
auto: auto,
),
),
what should it do/solve?