Skip to content

Include tint() color function in documentation #229

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

Closed
aghreed opened this issue Aug 27, 2014 · 5 comments
Closed

Include tint() color function in documentation #229

aghreed opened this issue Aug 27, 2014 · 5 comments

Comments

@aghreed
Copy link

aghreed commented Aug 27, 2014

I don't believe I'm missing anything here, but tint() is definitely a function in LESS despite it not existing in documentation. See: less/less.js#944

@seven-phases-max
Copy link
Member

Yes, as well as shade. I guess they've been forgotten just because they are both shorthand aliases for mix.

@nathancooper
Copy link

Agreed for both Tint and Shade. I discovered those two functions exist via Codepen. As the demo shows, those functions add more perceivable gradations in color, i.e., slower to reach pure white or black.

@seven-phases-max
Copy link
Member

As the demo shows, those functions add more perceivable gradations in color,

Well, tint and shade are yet again just shorthands for mix(*, white, *) and mix(*, black, *) respectively so no useful functionality is really concealed in a strict sense (it's more about syntactic sugar and understanding the arithmetics behind this stuff).

@nathancooper
Copy link

Thanks, I didn't notice the reference to mix in your first comment.

On a sort of related note, is it possible for LESS to use HSB instead of HSL color space? The reason I ask is that Adobe products (perhaps other design software as well) use HSB not HSL.

It seems minor, but if you select a color in Illustrator, e.g., #fbb03b and make is 20% darker lowering the B(rightness) value, the resulting color isn't the same as if you used the LESS darken(#fbb03b, 20%) function. Sometimes the difference is subtle, but often it's not. Perhaps shade(#ffb03b, 20%) produces the desired effect?

@seven-phases-max
Copy link
Member

On a sort of related note, is it possible for LESS to use HSB instead of HSL color space?

See less/less.js#1853.

Perhaps shade(#ffb03b, 20%) produces the desired effect?

No, these are a bit different effects.

SomMeri pushed a commit to SomMeri/less-docs that referenced this issue Sep 24, 2015
SomMeri pushed a commit to SomMeri/less-docs that referenced this issue Sep 24, 2015
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