// Author: Sivan [sun.sivan@gmail.com]
// Description: table styles.
@import "variables";

@mixin hetiTable {
  table {
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-block-start: $std-block-unit / 2;
    margin-block-end: $std-block-unit;
    margin-inline-start: auto;
    margin-inline-end: auto;
    word-break: break-word;
  }

  th,
  td {
    border: 1px solid #ccc;
    padding-block-start: $std-block-unit / 4;
    padding-block-end: $std-block-unit / 4;
    padding-inline-start: $std-inline-unit / 2;
    padding-inline-end: $std-inline-unit / 2;
  }

  caption {
    caption-side: bottom;
    margin-block-start: 2px;
    margin-block-end: -4px;
    font-size: $font-size-small;
    line-height: $line-height-size-small;
  }
}