Re: [css-backgrounds][css-grid][css-logical] 2-axis positions vs. 4-direction shorthands

25.10.2015, 06:57, "fantasai" <fantasai.lists@inkedblade.net>:
> The question before us now is, what's the worse inconsistency? :)
> A. Splitting the bucket so that
> šššblock/inline => grid-area, margin, padding, border, offset, [ other 4-value ]
> šššinline/block => grid-template, background-position, scroll-snap-align, [ other 2-value ]
>
> B. Or making logical coordinates always block, then inline, even though
> physical coordinates in background-position are horizontal, vertical?
> šššbackground-position: start end; /* block, inline */
> šššmargin: 1em 2em relative; /* block, inline */

FWIW, the "horizontal (inline) first, vertical (block) second" order is much more intuitive and expected for me as a web developer since 2002.

It always was strange for me why e.g. `margin` and `padding` shorthands have the "Top Right Bottom Left" order instead of the more intuitive "Left Top Right Bottom" order.

After all, when we're writing/typing-in some text, we're first moving horizontally, then, once current line has ended, we're moving vertically to next lines.

Dimensions of real-world things like TV sets on Amazon are usually also specified as "Width x Height", not "Height x Width".

Thanks.

Received on Thursday, 3 December 2015 17:53:49 UTC