1  // ==========================================================================
 2  // Base – Tables
 3  // ==========================================================================
 4  table {
 5    width: 100%;
 6    margin: 1em 0;
 7    table-layout: fixed;
 8    border-collapse: collapse;
 9    border-spacing: 0;
10    border-right: 1px solid #f1f1f1;
11    border-bottom: 1px solid #f1f1f1;
12    word-wrap: break-word; // CSS3 Browsers
13    -ms-word-wrap: break-word; // IE8
14    *white-space: normal;  // IE7
15  }
16  table th,
17  table td {
18    padding: 8px;
19    text-align: left;
20    vertical-align: top;
21    border-top: 1px solid #eee;
22    border-left: 1px solid #eee;
23  }
24  table thead th,
25  table tfoot th {
26    vertical-align: bottom;
27    &:extend(.font-normal);
28    background-color: #f1f1f1;
29    color: #333;
30  }
31  table caption {
32    padding: 8px;
33    font-weight: normal;
34    font-style: normal;
35    &:extend(.text-left);
36    &:extend(.font-normal);
37    border-bottom: 0;
38  }