CSS Logical Shorthands

Flow-relative properties are still missing shorthands, but we can fix that!

These days, it's a common practice to use logical flow-relative properties & values like `block-size` whenever possible. But the shorthand properties feel stuck in the past. It's surprising that a `size` shorthand can't set the `inline-size`, and the `inset` shorthand doesn't include `inset-block-start`.

There are several proposals to move forward, but they've been stalled in the Working Group for several years – waiting for someone to do the necessary background research. Let's make it happen!

- A Github issue been open since 2017, to discuss the problem and potential solutions
- In 2021, Elika Etimad and Jen Simmons and I proposed a multi-step path forward, to progressively move towards logical properties as a simple default for CSS 
- Every year at TPAC, the Internationalization Working Group asks us to make progress and provide updates.
- Every year, we disappoint them.

Thanks to your contributions so far, we've already completed the first phase of this project, but there's more to do, and we could still use your help moving forward:

- [DONE] Document impacted properties and values
- Group properties and values by shared syntax
- Develop a proposal for how a physical/logical toggle would impact each syntax
- Guide that proposal through CSS Working Group discussions

Share

Goal $5,000 USD

Amount raised

$1,116.00 USD

Still to contribute

$3,884.00 USD

Share

15 individuals have contributed to this goal

Join us in contributing to this tier!

Andreu Botella

CSS Logical Shorthands

$550 USD

Roman Komarov

CSS Logical Shorthands

$125 USD

Kevin Powell

CSS Logical Shorthands

$100 USD

Christophe Co...

CSS Logical Shorthands

$100 USD

Dylan

CSS Logical Shorthands

$100 USD

sanne

CSS Logical Shorthands

$71 USD

Dan Ryan

CSS Logical Shorthands

$50 USD

Vasilis

CSS Logical Shorthands

$25 USD

chriskirknielsen

CSS Logical Shorthands

$25 USD

Jeremiah Lee

CSS Logical Shorthands

$20 USD

Miriam Suzanne

Admin

$10 USD

Zach Jensz

CSS Logical Shorthands

$10 USD

$5,000 USD goal

$1,116 USD raised (22%)

Share