tachyons-css / tachyons

Functional css for humans
https://tachyons.io
MIT License
11.63k stars 677 forks source link

Vertical & Horizontal Nomenclature (Padding, Margin) #335

Closed timpish closed 7 years ago

timpish commented 7 years ago

Should:

pv# = py# ph# = px# mv# = my# mh# = mx#

…or at least have aliases (or additional classes) for them? Given that CSS declares "z"-index and uses x and y qualifiers, e.g., overflow-x, overflow-y, rotateX, rotateY, scaleX, scaleY, translate, skew, etc.—though maybe not since, with positioning, 0, 0 is top left in CSS?

mrmrs commented 7 years ago

It's a valid option. I think both make sense. It's intentionally different from basscss to reduce the amount of naming collisions / mutations between the two toolkits in case people want to mix and match. The original examples I saw 'back in the day' of early oocss spacing example, used the horizontal / vertical nomenclature and so that was probably a heavy influence as it made sense and several people I trust were using it.