@extend classes with color doesn't work

Question

@extend classes with color doesn't work

melaniemuellerdesign opened this issue 3 years ago · 1 comments

melaniemuellerdesign commented 3 years ago

Hey there,

Unfortunately, I can't @extend any classes at the moment if they contain a color. Understrap child has been updated to the latest version. How can I work around the problem without !optional?

Error: The target selector was not found. Use "@extend .text-dark !optional" to avoid this error.

I can avoid this problem using bootstrap 4 but I think it is not the final solution.

Answer 1 · 2022-01-20T21:22:15.000Z

Hmm. Where exactly are you using this?

If you're using it in src/sass/theme/_child_theme.scss you should be fine to use it.

However, if you're using it in a file that's also imported into src/sass/custom-editor-style.scss, then you'll need to make sure that custom-editor-style is importing the correct dependencies since we don't load the FULL bootstrap library for the editor stylesheet. To do this, add @import "assets/bootstrap5/bootstrap-utilities"; after line 13 so that the full utilities are loaded into the backend (planning to include a PR for this myself in the future)