Blog: tabular horizontal minimalist style

[rxaviers]

In a blog post, I use tabular data. Our current styles seems not having any tabular style. So, instead of using default browser style, I suggest the below (while we don't have an awesome one).

OBS: I don't know where is the best place to include it. (base.css? a more specific place? Perhaps, some stuff in base.css, others - like color - in specific site css)

Eg. 1:

Eg. 2:

.hor-minimalist
{
    width: 90%;
    margin: 0 5%;
    border-collapse: collapse;
}
.hor-minimalist th
{
    font-family:'klavika-web','Helvetica Neue',Helvetica,Arial,Geneva,sans-serif !important;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #B24926;
    margin: 0 0 1em;
    padding: 10px 8px;
    border-bottom: 2px solid #666;
}
.hor-minimalist td
{
    color: #666;
    padding: 9px 8px 0px 8px;
}
.hor-minimalist tbody tr:hover td
{
    color: #333;
}

[rxaviers]

cc @scottgonzalez @jzaefferer @ajpiano

[scottgonzalez]

I think this is a bit too minimalist. I also think we should change the default to be sane, rather than requiring a class to make any table look good.

[rxaviers]

I think this is a bit too minimalist

Any guidance on how this should look? Any other folks (eg design) to join this convo?

I also think we should change the default to be sane, rather than requiring a class to make any table look good.

Alright, quick change. Though, we need to test if using that as default style will cause any trouble in current table usage (eg. code blocks in api, others?).