responsivewebframework/src/less/table.less

Jalasoft Foundation Front End Framework ========================================

// Table

.table {
  text-align: left;
  font-family: @font-family-base-component;
  font-size: @table-font-size;
  min-width: @table-tbody-min-width;

  > tbody > tr > td {
    height: @table-height-tbody-td;
  }

  > thead > tr:first-child > th {
    padding-left: @table-padding-left;
    padding-bottom: @table-thead-padding-bottom;
  }

  > thead > tr > th:nth-child(1), > tbody > tr > td:nth-child(1) {
    padding-left: @table-padding-left-first-column;
    min-width: @table-min-width-first-column;
  }

  > tbody > tr > td {
    border-top: 1px solid @table-border-color;
    padding-left: @table-padding-left;
  }

  > thead > tr th:nth-child(2), > tbody > tr td:nth-child(2) {
    padding-left: @table-second-column-padding-left;
  }

  input[type=checkbox][class="check"] + label:after {
    top: -3px !important;
    left: 2px !important;
  }

  input[type=checkbox][class="check"] + label {
    margin-left: 0 !important;
    padding: 0 8px 0 8px !important;
  }

  [class*="icon"] {
    position: relative;
    padding-left: 8px;
    &[class*="disabled"] {
      opacity: 0.5;
    }
  }

  [class="check"]:checked + label + .disabled {
    opacity: 1;
  }
}

.table > tbody > tr:hover {
  background-color: @table-tbody-tr-hover-color;
}