4-elements edit

tables  edit

Sample two column table
Table Cell

Additional content.

Table Cell

Additional content.

Table Cell

Additional content.

Table Cell

Additional content.

Copy
Edit
<!-- components/4-elements/tables.php --> <!-- W&M styled tables are in 6-page-content-elements/tables-wm.php --> <table> <caption>Sample two column table</caption> <tbody> <tr> <td> <h6>Table Cell</h6> <p>Additional content.</p> </td> <td> <h6>Table Cell</h6> <p>Additional content.</p> </td> </tr> <tr> <td> <h6>Table Cell</h6> <p>Additional content.</p> </td> <td> <h6>Table Cell</h6> <p>Additional content.</p> </td> </tr> </tbody> </table>
Copy
Copy
Edit
/* scss/4-elements/_tables.scss */ // BASE SETTINGS FOR TABLES // w&m custom settings are found in -user-content-styles.scss table { border-spacing: 0; text-align: left; border-collapse: collapse; td, th { padding: 0.533rem; border: 1px solid var(--color-wmsilver-25); } p { margin: 0; } td p { margin-bottom: $md-content-margin; } } // W&M table styles table { margin-bottom: 1.066rem; } table td, table th { border: none; } // hide caption table > caption { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } table h6 { color: var(--color-wmgreen-90); }