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

Grayscale function overrides native CSS filter grayscale #23428

Closed
KyleNeedham opened this issue Aug 14, 2017 · 4 comments
Closed

Grayscale function overrides native CSS filter grayscale #23428

KyleNeedham opened this issue Aug 14, 2017 · 4 comments

Comments

@KyleNeedham
Copy link

The grayscale function definiton in _functions overrides the native CSS grayscale function. This means that anywhere you do filter: grayscale(100) it is set to a HEX value, which of course does not work.

Perhaps instead of naming it graysacle we could name it gray?

@XhmikosR
Copy link
Member

/CC @mdo

@chibuzoro
Copy link

Had the same problem, wonder if there is work around to this without directly modifying the bootstrap _function.scss definition. But that's the option I'm left with.

@KyleNeedham
Copy link
Author

@byteworksng You can do #{'grayscale(100)'}. Works fine, although I hope this will be updated for future releases.

@chibuzoro
Copy link

@KyleNeedham Thanks a lot... It works now.

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

No branches or pull requests

5 participants