Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@extend classes with color doesn't work #326

Open
melaniemuellerdesign opened this issue Jan 20, 2022 · 1 comment
Open

@extend classes with color doesn't work #326

melaniemuellerdesign opened this issue Jan 20, 2022 · 1 comment

Comments

@melaniemuellerdesign
Copy link

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.

@bacoords
Copy link
Member

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)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants