1@import 'colours';
  2
  3.table-responsive {
  4  display: block;
  5  width: 100%;
  6  overflow-x: auto;
  7}
  8
  9table {
 10  @media (prefers-color-scheme: dark) {
 11    color: darken($darkModeHighlightColour, 20%);
 12  }
 13
 14  border-collapse: collapse;
 15
 16  th, td {
 17    white-space: nowrap;
 18    padding-right: 10px;
 19
 20    &:last-of-type {
 21      padding-right: 0;
 22    }
 23  }
 24
 25  th {
 26    text-align: left;
 27  }
 28}
 29
 30table.repositories {
 31  width: 100%;
 32
 33  a {
 34    color: black;
 35
 36    @media (prefers-color-scheme: dark) {
 37      color: darken($darkModeHighlightColour, 15%);
 38    }
 39
 40    &:hover {
 41      color: #00f;
 42
 43      @media (prefers-color-scheme: dark) {
 44        color: darken($darkModeHighlightColour, 15%);
 45        text-decoration: underline;
 46      }
 47    }
 48  }
 49
 50  tbody {
 51    tr {
 52      height: 1.3rem;
 53      vertical-align: middle;
 54
 55      &:nth-child(odd) {
 56        background: #f7f7f7;
 57
 58        @media (prefers-color-scheme: dark) {
 59          background: #111;
 60        }
 61      }
 62
 63      &:nth-child(even) {
 64        background: #e1e1e1;
 65
 66        @media (prefers-color-scheme: dark) {
 67          background: none;
 68        }
 69      }
 70
 71      &.no-background {
 72        background: none;
 73      }
 74
 75      &.has-parent td:first-of-type {
 76        padding-left: 1rem;
 77      }
 78
 79      td.repo-section {
 80        font-style: italic;
 81        color: #888;
 82      }
 83
 84      &.separator {
 85        background: none !important;
 86        height: 1rem;
 87      }
 88    }
 89
 90    pre {
 91      margin: 0;
 92    }
 93  }
 94
 95  .nested-tree {
 96    color: blue !important;
 97    font-weight: bold;
 98
 99    @media (prefers-color-scheme: dark) {
100      color: $darkModeTextColour !important;
101    }
102  }
103}
104
105table.commit-info {
106  td, th {
107    padding: 0.1em 1em 0.1em 0.1em;
108  }
109}