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

Implement calc() #357

Open
Akay7 opened this issue Sep 13, 2016 · 8 comments
Open

Implement calc() #357

Akay7 opened this issue Sep 13, 2016 · 8 comments
Labels
feature New feature that should be supported

Comments

@Akay7
Copy link

Akay7 commented Sep 13, 2016

Function calc of css not working :(

/* property: calc(expression) */
width: calc(100% - 80px);

https://developer.mozilla.org/en/docs/Web/CSS/calc

@dennisvang
Copy link

For those interested, here's the nitty gritty: https://drafts.csswg.org/css-values-3/#calc-notation

@whinee
Copy link
Contributor

whinee commented Feb 14, 2023

Please mention that calc() is yet to be implemented in the documentation. This might save devs that uses this project hours or even weeks of pain, debugging what might be wrong with their HTML/CSS. Thank you!

@liZe
Copy link
Member

liZe commented Feb 14, 2023

Hi!

This might save devs that uses this project hours or even weeks of pain, debugging what might be wrong with their HTML/CSS.

If you want to avoid "weeks of pain", you can read the logs: warnings are logged each time a property or a value is not supported.

Please mention that calc() is yet to be implemented in the documentation.

You’re right, that would be very useful. Interested in opening a pull request? That would be a quite simple way to become a contributor!

@whinee
Copy link
Contributor

whinee commented Feb 14, 2023

Hallo!

If you want to avoid "weeks of pain", you can read the logs: warnings are logged each time a property or a value is not supported.

Turns out that not reading docs properly also causes this. Thanks for reminding me. Time to turn on logging.

You’re right, that would be very useful. Interested in opening a pull request? That would be a quite simple way to become a contributor!

Contrary to my comment above, I love reading docs! Though I am not confident that I will be able to write it. I mean I can, just not properly. I guess I'll try???

Anyways, I have just re-read my comment, and I think it might have sounded rude, and I feel bad for it now, sorryy... I tried to make it short 'cause every issue / comment I write sounds childish...

@liZe
Copy link
Member

liZe commented Feb 14, 2023

Anyways, I have just re-read my comment, and I think it might have sounded rude, and I feel bad for it now, sorryy... I tried to make it short 'cause every issue / comment I write sounds childish...

No problem!

Contrary to my comment above, I love reading docs! Though I am not confident that I will be able to write it. I mean I can, just not properly. I guess I'll try???

Adding a sentence here is sufficient:

You can copy another line where a property is not supported. And don’t worry, it doesn’t have to be perfect, we can always enhance it afterwards!

@grewn0uille
Copy link
Member

Hello!

As you may know, two weeks ago was CourtBouillon 3-year anniversary 🎉.

For this occasion, we prepared a short survey to have your opinion on this year’s features and to know what you’d like to see in the future!
Don’t hesitate to give a boost to this feature ✨️

The survey is opened until November 19.

@anasvikh
Copy link

anasvikh commented Dec 5, 2023

Hi!
Do you have any updates for this feature?

@liZe
Copy link
Member

liZe commented Dec 5, 2023

Hi!

Hi!

Do you have any updates for this feature?

Great timing! We’ve just talked about it in #1219.

Current status: we’ve just cleaned the code that takes care of CSS values validation, in order to get a more solid support of var(). When the latest missing features for var() are added (non-shorthand properties with multiple values, functions), we’re ready to look at other functions such as calc(). There’s probably a lot of work left, but at least we now have clean code we can rely on to validate values that include functions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature that should be supported
Projects
None yet
Development

No branches or pull requests

6 participants