We could use some power in our calc()

This is a simple grid layout with an irrational ratio based on the Diagon, one of the twelve excellent orthogons. The Diagon has a ratio of 1:1.414. This layout is created by generating three columns with the measures (1.414)⁷, (1.414)⁶ and (1.414)². Ratios are very nice to create layouts with. They make sense.

Font sizes can be proportional

It is not uncommon to scale heading according to a ratio too. On this page we use the ratio 1.414 to define the layout, it makes sense to use that same ratio to define the font-sizes of the headings. There are tools that can calcuate the em size for us, but why tools? Instead of copypasting we could simply say something like h1 { font-size: calc(1.414em pow4) } h2 { font-size: calc(1.414em pow3) } h3 { font-size: calc(1.414em pow2) } h4 { font-size: calc(1.414em pow1) }

Proportion can be done with calc(), but it gets messy

Instead of creating a notation for power we can use what we have now. Which results in something like h1 { font-size: calc(1.414em * 1.414 * 1.414 * 1.414);} This works. But it gets very messy when you want one part of the layout to be (1.414)²⁰

Is messiness enough reason?

I'm not sure. But I think we could use more power in calc();