Thomasorus Design System

Table 

<table>
    <caption>All times entries for this page</caption>
    <thead>
        <tr>
            <th scope="col">Year</th>
            <th scope="col">Week</th>
            <th scope="col">Hours</th>
        </tr>
    </thead>
    <tbody>
        <tr scope="row">
            <td>2021</td>
            <td>3</td>
            <td>10</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>4</td>
            <td>6</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>4</td>
            <td>3</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>7</td>
            <td>2</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>8</td>
            <td>4</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>9</td>
            <td>5</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>20</td>
            <td>5</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>21</td>
            <td>15</td>
        </tr>
    </tbody>
</table>
 
<table>
    <caption>All times entries for this page</caption>
    <thead>
        <tr>
            <th scope="col">Year</th>
            <th scope="col">Week</th>
            <th scope="col">Hours</th>
        </tr>
    </thead>
    <tbody>
        <tr scope="row">
            <td>2021</td>
            <td>3</td>
            <td>10</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>4</td>
            <td>6</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>4</td>
            <td>3</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>7</td>
            <td>2</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>8</td>
            <td>4</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>9</td>
            <td>5</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>20</td>
            <td>5</td>
        </tr>
        <tr scope="row">
            <td>2021</td>
            <td>21</td>
            <td>15</td>
        </tr>
    </tbody>
</table>
 
/* No context defined. */
  • Content: 
    table {
    width:100%;
    text-align: left;
    padding: 25px;
    padding: var(--margin-s);
    border: 2px solid black;
    border: 2px solid var(--text);
}

table caption {
    text-align: left;
    font-family: "Editorial New Regular", serif;
    font-weight: 400;
}

tbody > *, thead > *  {
    border: 2px solid black;
    border-collapse: collapse;
    box-shadow: 0 2px 0 var(--text);
}
  • URL: /components/raw/table/table.demo.css
  • Filesystem Path: src/components/inline-elements/table/table.demo.css
  • Size: 396 Bytes

No notes defined.