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

Error compiling $color is not a color #625

Open
mrelliot69 opened this issue Oct 6, 2022 · 2 comments
Open

Error compiling $color is not a color #625

mrelliot69 opened this issue Oct 6, 2022 · 2 comments

Comments

@mrelliot69
Copy link

I'm trying to compile my files ( using bootstrap 5.0.2) and allways get this error
"Error compiling SASS -> $color: #3d78e3 is not a color.: assets//scss/admin\components/_ribbons.scss on line 153

The error line is this one:
border-color: darken(($value), 10%) transparent transparent;

from what i checked this seems to be caused by the bootstrap !default on the theme colors, any ideia how to bypass this error without messing on the bootstrap core file?

$primary: $blue !default; $secondary: $gray-600 !default; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-900 !default;

@mahagr
Copy link
Contributor

mahagr commented Oct 21, 2022

You need to define the color variables, it looks like those aren't defined in your scss files or variables.

@stof
Copy link
Member

stof commented Nov 17, 2023

I think this issue is similar to #504 where the extra parentheses around your $value variable gets parsed (wrongly) as a list containing a single value. Using darken($value, 10%) should work.

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

3 participants