Table styling

[MichaelArestad]

Super basic v1 of table styling. Looks like this currently and include some fancy overflow styles.

Thoughts?

[cvrebert]

Setting the padding for ths twice (see line 23) seems weird.

[MichaelArestad]

It appears that way, but they aren't. The em values are different since the font size of th is smaller.

[arschmitz]

In that case is there really a point in combining the td and th rules here since they only actually share 2 properties top border and white space. Maybe just add those 2 properties here to the th rule and have above just be td It will make it more clear whats going on to avoid confusion.

[MichaelArestad]

Will split these up. Probably not worth the combo.

[rohmulan]

@MichaelArestad awesome, I especially love what you did with responsive tables.

[rohmulan]

any specific reasons why headings are less dark and smaller than rest of table by default? I thought it should be other way round?

[MichaelArestad]

any specific reasons why headings are less dark and smaller than rest of table by default? I thought it should be other way round?

Yep. The other way around is just a browser default leftover. They are just the labels for the content. The content should be the easiest thing to read. If they are all bold, the th content rows and columns tend to be far more dominant than the table content. If they are all a little lighter and smaller, they still have the visual weight of a label row without overtaking the content visually. Also, labels quite often get lengthier than the table content. Having them smaller allows more to fit in a row.

[arschmitz]

Thought i added this but i don't see it live preview link http://view.css-chassis.com/table/demos/tables.html

[rxaviers]

👍 looks great

[MichaelArestad]

Note: error due to BEM class name.

[arschmitz]

Yup looks like we need to modify our settings

[MichaelArestad]

@arschmitz Yep. We should do another PR for fine-tuning the htmllint settings.

[MichaelArestad]

Note for later: Remove nowrap on td.

[arthurvr]

Here"s -> Here's

[MichaelArestad]

Fixed a few things and separated overflow styles (fancy gradient) into its own component, overflow-styles. We can iterate on it from there. CC @arschmitz

[cvrebert]

"slime" [sic]

Also, the "reimplementing underlines" technique in general seems (a) overcomplicated/overkill (b) not easy to override

[jzaefferer]

Replaced by #69

[rohmulan]

@jzaefferer replaced by #130... you mean?

[jzaefferer]

Yes, copy pasta error.