Support for CSS calc()

  • Matthew Sanderson
  • Jan 18 2017
  • Tyler Donahue commented
    20 Jun 09:17pm


  • Strategisch ontwerpbureau JA! commented
    9 Jun 06:38pm

    Please :)

  • Erika Jovkov commented
    28 May 01:13pm


  • Catherine Bui commented
    1 May 11:26pm


  • Developer Projektionisten commented
    30 Mar 04:02pm

    Please make it happen :)

  • Tea Teearu commented
    9 Mar 12:34pm

    I'm constantly writing custom code to use calc!

    Please make this happen... would save me so much time and headaches!!!

  • Lukas Ullrich commented
    6 Mar 12:41pm


  • Cop First commented
    9 Jan 12:48am


  • Dayan commented
    5 Jan 10:22pm

    For those feeling handicap without calc, try to see if you can figure out a way to do it with the Flex box settings instead. Flex box pretty much covers most common calc functionality you'll need.

  • Alex de la Fuente commented
    29 Dec, 2019 03:09pm

    Surprised to find this one 3 years deep with no progress. This one isn't even a simple "nice to have" feature—without the ability to use calc(), the "Style" pane is effectively incomplete. I've even chosen to build some projects outside of Webflow just because the design would require calc(), and knowing the lack of support would cause the buildout to take more time/headache than it's worth.

  • Boris Périsset commented
    25 Nov, 2019 01:56pm

    It would be great if it would work live in the designer, when injecting it in custom code.

  • Boris Périsset commented
    25 Nov, 2019 01:54pm

    Calc Function for Typography would be awesome. But well. in all of css. (...)

  • Max Sim commented
    17 Jul, 2019 09:31pm

    More than a year has passed, but this has not been done !!!

    We are crying...

  • Tyler McGowan commented
    11 Jun, 2019 10:22pm

    This would be brilliant, especially directly in the style panel. Just like choosing units, it would be awesome to be able to choose "custom" and then input your own values.

    Loads of use cases, but it would be super helpful for mobile when using viewport units where the browser chrome on first load isn't taken in to account for the calculation, so content can extend lower than intended until the user scrolls.

    Also as Takeaki mentioned... being able to subtract the height/width of fixed elements automatically.

  • Takeaki Yamasaki commented
    9 May, 2019 04:16pm

    Definitely needed when a header is positioned fixed and you need the height of page sections to be 100vh - headerHeight...

  • Rodney Sarakuz commented
    22 Apr, 2019 07:19pm


  • Dan Dawson commented
    9 Apr, 2019 09:00pm

    Absolutely yes.

  • Eric Platt commented
    1 Mar, 2019 07:04pm

    It blows my mind that this isn't possible. Please stop adding other features until you add the ability to use calc().

  • Edvard Gezin commented
    25 Feb, 2019 07:35pm

    Yeeehaaw. Will this happen? Calc party still on?

  • Ryan Yao commented
    20 Jan, 2019 12:50am

    Can we still vote on this? 

  • Load older comments
  • and 709 more