Support for nested calc expressions in CSS values #3068

Open
claudepache opened this Issue Dec 23, 2016 · 2 comments

Comments

Projects
None yet
4 participants
@claudepache

E.g.

.foo {
    width: calc(3em + calc(100px / 2)); /* equivalent to: calc(3em + (100px / 2)) */
}

This may be useful when working with CSS variables.
See https://developer.mozilla.org/en-US/docs/Web/CSS/calc#Nested_calc()_with_CSS_Variables for details.

Maybe the support for calc may be marked as "partial" if the browser does not support nested calc.

@claudepache claudepache changed the title from Nested calc expressions in CSS values to Support for nested calc expressions in CSS values Dec 23, 2016

@jraoult

This comment has been minimized.

Show comment
Hide comment
@jraoult

jraoult Apr 25, 2017

@Fyrd would you consider a PR if I were to submit one for that? I just wasted a couple of hours on Safari for iOS not supporting it, so if I could avoid this pain to someone else it would make my day :)

jraoult commented Apr 25, 2017

@Fyrd would you consider a PR if I were to submit one for that? I just wasted a couple of hours on Safari for iOS not supporting it, so if I could avoid this pain to someone else it would make my day :)

@Calico90

This comment has been minimized.

Show comment
Hide comment
@Calico90

Calico90 May 9, 2017

Contributor

+1

Contributor

Calico90 commented May 9, 2017

+1

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