I get it. I get the whole point of it. But CSS logical properties are so confusing. Even after reading the first two paragraphs of https://developer.mozilla.org/en-US/docs/Web/CSS/block-size I'm left thinking ENOUGH WITH THE FUCKIN RIDDLES.
Ok, so if display: block makes the thing full width, block-size will change the width.
@jaffathecake This is a reference to the direction of flow. Which is to say:
the axis where elements expand based on content size
the axis where the next element will be added
The fact that blocks go full-width by default is a reminder that it's not the block axis. Block elements can't flow on an axis where they are always full-width.
@jaffathecake I would prefer if I could continue to write ”width”, etc. in my code, but then have a tool that automatically converts my CSS to the logical version, if that’s possible.
@jaffathecake When you put it like that, it is a bit confusing.
I had to step back and think (of block) in terms of flow and its sizing merely as a consequence of that. Then it clicked, sorta.
Mental models are hard to change.
@jaffathecake I forced myself to use logical properties and it does stick pretty quickly. It's then hard to go back and not fanatically update everything you see.
Add comment