style tables in posts not all .content divs

This commit is contained in:
Jeremy Kauffman 2016-07-15 13:42:24 -04:00
parent a7ce3ef9e9
commit 4e1fff5b20
2 changed files with 69 additions and 68 deletions

View file

@ -105,6 +105,75 @@
{ {
margin-top: $spacing-vertical; margin-top: $spacing-vertical;
} }
table
{
margin-bottom: $spacing-vertical;
word-wrap: break-word;
max-width: 100%;
th, td
{
padding: $spacing-vertical/2 8px;
}
th
{
font-weight: bold;
font-size: 0.9em;
}
td
{
vertical-align: top;
}
thead th, > tr:first-child th
{
vertical-align: bottom;
font-weight: bold;
font-size: 0.9em;
padding: $spacing-vertical/4+1 8px $spacing-vertical/4-2;
text-align: left;
border-bottom: 1px solid #e2e2e2;
img
{
vertical-align: text-bottom;
}
}
tr.thead:not(:first-child) th
{
border-top: 1px solid #e2e2e2;
}
tfoot td
{
padding: $spacing-vertical / 2 8px;
font-size: .85em;
}
tbody
{
tr
{
&:nth-child(even):not(.odd)
{
background-color: #f4f4f4;
}
&:nth-child(odd):not(.even)
{
background-color: white;
}
&.thead
{
background: none;
}
td
{
border: 0 none;
}
}
}
&:last-child
{
margin-bottom: 0;
}
}
} }
.post-author-spotlight .post-author-spotlight

View file

@ -174,75 +174,7 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
table
{
margin-bottom: $spacing-vertical;
word-wrap: break-word;
max-width: 100%;
th, td
{
padding: $spacing-vertical/2 8px;
}
th
{
font-weight: bold;
font-size: 0.9em;
}
td
{
vertical-align: top;
}
thead th, > tr:first-child th
{
vertical-align: bottom;
font-weight: bold;
font-size: 0.9em;
padding: $spacing-vertical/4+1 8px $spacing-vertical/4-2;
text-align: left;
border-bottom: 1px solid #e2e2e2;
img
{
vertical-align: text-bottom;
}
}
tr.thead:not(:first-child) th
{
border-top: 1px solid #e2e2e2;
}
tfoot td
{
padding: $spacing-vertical / 2 8px;
font-size: .85em;
}
tbody
{
tr
{
&:nth-child(even):not(.odd)
{
background-color: #f4f4f4;
}
&:nth-child(odd):not(.even)
{
background-color: white;
}
&.thead
{
background: none;
}
td
{
border: 0 none;
}
}
}
&:last-child
{
margin-bottom: 0;
}
}
} }
.content-inset .content-inset
{ {