JMT Alimentation Animal
Project version : 1.0.3

Table 

<table>
    <tbody>
        <tr>
            <td>Label</td>
            <td>Column content</td>
        </tr>
        <tr>
            <td>Label</td>
            <td>Column content</td>
        </tr>
        <tr>
            <td>Label</td>
            <td>Column content</td>
        </tr>
    </tbody>
</table>
 
<table>
    <tbody>
        <tr>
            <td>Label</td>
            <td>Column content</td>
        </tr>
        <tr>
            <td>Label</td>
            <td>Column content</td>
        </tr>
        <tr>
            <td>Label</td>
            <td>Column content</td>
        </tr>
    </tbody>
</table>
 
/* No context defined for this component. */
  • Content: 
    table {
    width: 100%;
    background-color: $c-white;
    border-collapse: collapse;

    tr {
        display: block;
        width: 100%;
        margin-bottom: $margin-s;

        @include mediaWQuery($media-query-m) {
            margin-bottom: 0;
        }
    }

    td {
        display: block;
        width: 100%;

        @include mediaWQuery($media-query-m) {
            display: inline-block;
            width: auto;
            vertical-align: top;
            padding-bottom: $margin-s;
        }

        &:first-child {
            padding-right: $margin-xl;
            font-weight: 700;
        }
    }

    thead th {
        vertical-align: bottom;
        border-top: none;
        border-bottom: 2px solid $c-background-light;
    }
}
  • URL: /components/raw/table/_table.scss
  • Filesystem Path: components/04-elements/01-typography/06-table/_table.scss
  • Size: 761 Bytes

There are no notes for this item.