Re:Universal.css
by ryannevius on Monday May 23, 2016 @08:34AM
(#11753419)
But how is that any more efficient than changing:
style="margin-top: 1rem;"
style="margin-top: 2rem;"
1. way less clutter and repeating, my whole style is in one line per tag.
2. the scale also has fractional rem values.
I'd rather change "f5" to "f6" for a smaller font than: "fontSize: 1rem" to "fontSize: 0.875rem".
3. the author of tachyons clearly understand design. If he improves his stylesheet, I benefit.
4. Apparently inline-styles are slower [0], but I don't count that since everything could be extracted.
[0] http://ctheu.com/2015/08/17/react-inline-styles-vs-css-stupi...
5. I thoroughly enjoy using it. :)
Perhaps I'm just a fuddy-duddy, but I rather like MDN's description of what classes used to be for: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att... (The second paragraph.)
Practical example: I have a form with a header. I look at it and think "there needs to be more space below the header". So I change
to It hot-reloads etc. It took me exactly two keystrokes to change this and I know that the spacing is consistent with all the other spacing in my app.