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
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
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
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