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

darken() compiles to an invalid CSS color #35

Closed
jtuulos opened this issue Nov 6, 2011 · 1 comment
Closed

darken() compiles to an invalid CSS color #35

jtuulos opened this issue Nov 6, 2011 · 1 comment

Comments

@jtuulos
Copy link
Contributor

jtuulos commented Nov 6, 2011

I'm having problems with the following SCSS code:

$blueDark: #0064CD;
$linkColor: $blueDark;
$linkColorHover: darken($linkColor, 15%);

a:hover {
    color: $linkColorHover;
}

In the compiled CSS, the color value is invalid and ends up getting ignored by the browser (Chrome):

a:hover {
    color: rgb(0, 24.582%, 50.392%)
}

As you can see, a percentage mark is missing after the red color value.

Is there a possibility to compile all colors with no alpha channel to regular hex colors (and not rgb() with percentages)?

@jtuulos
Copy link
Contributor Author

jtuulos commented Nov 7, 2011

It seems that this issue is caused by the CSS compression. When I compile the SCSS with @option compress:no, the first percentage mark does not disappear and the color is interpreted correctly by the browser.

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