uniformTable

.uniformTable

Header 1 Header 2 Header 3
Cell 1 Cell 2 Cell 3
Cell 4 Cell 5 Cell 6
Cell 7 Cell 8 Cell 9
Cell 10 Cell 11 Cell 12
Cell 13 Cell 14 Cell 15
Cell 16 Cell 17 Cell 18
Cell 19 Cell 20 Cell 21
<table class="uniformTable ">
<tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
</tr>
<tr>
    <td>Cell 1</td>
    <td class="pad-2x">Cell 2</td>
    <td>Cell 3</td>
</tr>
<tr>
    <td>Cell 4</td>
    <td class="pad-2x">Cell 5</td>
    <td>Cell 6</td>
</tr>
<tr>
    <td>Cell 7</td>
    <td class="pad-2x">Cell 8</td>
    <td>Cell 9</td>
</tr>
<tr>
    <td>Cell 10</td>
    <td class="pad-2x">Cell 11</td>
    <td>Cell 12</td>
</tr>
<tr>
    <td>Cell 13</td>
    <td class="pad-2x">Cell 14</td>
    <td>Cell 15</td>
</tr>
<tr>
    <td>Cell 16</td>
    <td class="pad-2x">Cell 17</td>
    <td>Cell 18</td>
</tr>
<tr>
    <td>Cell 19</td>
    <td class="pad-2x">Cell 20</td>
    <td>Cell 21</td>
</tr>
</table>

.uniformTable.-snug

Header 1 Header 2 Header 3
Cell 1 Cell 2 Cell 3
Cell 4 Cell 5 Cell 6
Cell 7 Cell 8 Cell 9
Cell 10 Cell 11 Cell 12
Cell 13 Cell 14 Cell 15
Cell 16 Cell 17 Cell 18
Cell 19 Cell 20 Cell 21
<table class="uniformTable -snug">
<tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
</tr>
<tr>
    <td>Cell 1</td>
    <td class="pad-2x">Cell 2</td>
    <td>Cell 3</td>
</tr>
<tr>
    <td>Cell 4</td>
    <td class="pad-2x">Cell 5</td>
    <td>Cell 6</td>
</tr>
<tr>
    <td>Cell 7</td>
    <td class="pad-2x">Cell 8</td>
    <td>Cell 9</td>
</tr>
<tr>
    <td>Cell 10</td>
    <td class="pad-2x">Cell 11</td>
    <td>Cell 12</td>
</tr>
<tr>
    <td>Cell 13</td>
    <td class="pad-2x">Cell 14</td>
    <td>Cell 15</td>
</tr>
<tr>
    <td>Cell 16</td>
    <td class="pad-2x">Cell 17</td>
    <td>Cell 18</td>
</tr>
<tr>
    <td>Cell 19</td>
    <td class="pad-2x">Cell 20</td>
    <td>Cell 21</td>
</tr>
</table>

.uniformTable.-tight

Header 1 Header 2 Header 3
Cell 1 Cell 2 Cell 3
Cell 4 Cell 5 Cell 6
Cell 7 Cell 8 Cell 9
Cell 10 Cell 11 Cell 12
Cell 13 Cell 14 Cell 15
Cell 16 Cell 17 Cell 18
Cell 19 Cell 20 Cell 21
<table class="uniformTable -tight">
<tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
</tr>
<tr>
    <td>Cell 1</td>
    <td class="pad-2x">Cell 2</td>
    <td>Cell 3</td>
</tr>
<tr>
    <td>Cell 4</td>
    <td class="pad-2x">Cell 5</td>
    <td>Cell 6</td>
</tr>
<tr>
    <td>Cell 7</td>
    <td class="pad-2x">Cell 8</td>
    <td>Cell 9</td>
</tr>
<tr>
    <td>Cell 10</td>
    <td class="pad-2x">Cell 11</td>
    <td>Cell 12</td>
</tr>
<tr>
    <td>Cell 13</td>
    <td class="pad-2x">Cell 14</td>
    <td>Cell 15</td>
</tr>
<tr>
    <td>Cell 16</td>
    <td class="pad-2x">Cell 17</td>
    <td>Cell 18</td>
</tr>
<tr>
    <td>Cell 19</td>
    <td class="pad-2x">Cell 20</td>
    <td>Cell 21</td>
</tr>
</table>

.uniformTable.-striped

Header 1 Header 2 Header 3
Cell 1 Cell 2 Cell 3
Cell 4 Cell 5 Cell 6
Cell 7 Cell 8 Cell 9
Cell 10 Cell 11 Cell 12
Cell 13 Cell 14 Cell 15
Cell 16 Cell 17 Cell 18
Cell 19 Cell 20 Cell 21
<table class="uniformTable -striped">
<tr class="bg-blue bg-opacity-10">
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 1</td>
    <td class="pad-2x">Cell 2</td>
    <td>Cell 3</td>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 4</td>
    <td class="pad-2x">Cell 5</td>
    <td>Cell 6</td>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 7</td>
    <td class="pad-2x">Cell 8</td>
    <td>Cell 9</td>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 10</td>
    <td class="pad-2x">Cell 11</td>
    <td>Cell 12</td>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 13</td>
    <td class="pad-2x">Cell 14</td>
    <td>Cell 15</td>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 16</td>
    <td class="pad-2x">Cell 17</td>
    <td>Cell 18</td>
</tr>
<tr class="bg-blue bg-opacity-10">
    <td>Cell 19</td>
    <td class="pad-2x">Cell 20</td>
    <td>Cell 21</td>
</tr>
</table>