/**
 * A simple object for manipulating the structure of HTML `table`s.
 *
 * @package  generator-mh-boilerplate
 * @author   Martin Herweg <info@martinherweg.de>
 * @author   David Hellmann <davidhellmann.com@gmail.com>
 * @author   Harry Roberts <https://github.com/inuitcss/inuitcss>
 */

/*
|--------------------------------------------------------------------------
| _objects.tables.scss
|--------------------------------------------------------------------------
*/

.o-table {
  width: 100%;
}

/*
|--------------------------------------------------------------------------
| Equal-width table cells
|--------------------------------------------------------------------------
*/
/**
 * `table-layout: fixed` forces all cells within a table to occupy the same
 * width as each other. This also has performance benefits: because the browser
 * does not need to (re)calculate cell dimensions based on content it discovers,
 * the table can be rendered very quickly. Further reading:
 * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
 */

.o-table--fixed {
  table-layout: fixed;
}

/*
|--------------------------------------------------------------------------
| Size variants
|--------------------------------------------------------------------------
*/

.o-table--tiny {
  th,
  td {
    padding: space(1);
  }
}

.o-table--small {
  th,
  td {
    padding: space(2);
  }
}

.o-table--large {
  th,
  td {
    padding: space(3);
  }
}

.o-table--huge {
  th,
  td {
    padding: space(4);
  }
}