11 #tables Tables

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

This component contains all the styles applied to tables in the website

Example
TITLE LOCATION LANGUAGE DATE PRICE (PP) REGISTRATION
Confluent Operations Training Virtual Español 18/10 - 30/10 2100€ Read more
Confluent Operations Training Virtual Español 18/10 - 30/10 2100€ Read more
Confluent Operations Training Virtual Español 18/10 - 30/10 2100€ Read more
Markup
<section class="module">
  <div class="module__content">
    <table class="table-mimacom">
      <tr>
        <th>TITLE</th>
        <th>LOCATION</th>
        <th>LANGUAGE</th>
        <th>DATE</th>
        <th>PRICE (PP)</th>
        <th>REGISTRATION</th>
      </tr>
      <tr>
        <td>Confluent Operations Training</td>
        <td>Virtual</td>
        <td>Español</td>
        <td>18/10 - 30/10</td>
        <td>2100€</td>
        <td><a class="table-mimacom__link" href="#">Read more </a></td>
      </tr>
      <tr>
        <td>Confluent Operations Training</td>
        <td>Virtual</td>
        <td>Español</td>
        <td>18/10 - 30/10</td>
        <td>2100€</td>
        <td><a class="table-mimacom__link" href="#">Read more </a></td>
      </tr>
      <tr>
        <td>Confluent Operations Training</td>
        <td>Virtual</td>
        <td>Español</td>
        <td>18/10 - 30/10</td>
        <td>2100€</td>
        <td><a href="#" class="table-mimacom__link">Read more </a></td>
      </tr>
    </table>
  </div>
</section>
Source: scss/components/tables/_tables.scss, line 51