Hacker News Reader

Comment by daturkel | Hacker News Reader

  .italic  { font-style: italic }

from [0]

This is certainly odd considering how far we've come in embracing semantic markup and styling.

[0]: http://www.basscss.com/docs/utility-typography/

View on HN

Considering how we build HTML from templates anyway, this form might be more useful, especially in something like React components. I.e. you build the full class string in code rather than defining separate CSS classes for each component. Your components are obviously named semantically and all relevant CSS styles / transitions / animations are defined inside the component code.

the ypeface isn't semantic so the name reflecting the typeface isn't either. emphasis has semantic value (think of the latex command \emph), but italics is styling

Classes have no semantic value.

Reply on news.ycombinator.com