modern-spa-boilerplate/src/app/components/Table.css

Modern Boilerplate for Single Page Applications

.wrapper-67bdbdcc{
  border: 2px solid #333;
  max-width: 100%;
  max-height: 20rem;
  overflow: scroll;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.table-67bdbdcc{
  table-layout: fixed;
  white-space: nowrap;
  border-spacing: 0;
  border-collapse: collapse;

  tr:nth-child(odd){
    background: #eee;
  }

  th{
    text-align: left;
    background: #333;
    color: #fff;
    @extend %inverted-text;
    font-weight: 400;
    padding: 0.5rem 0.25rem;
  }

  td{
    padding: 0.5rem 0.25rem;
    font-size: 0.8rem;
  }
}