1// TODO: refer to sourcehut code AGPL
 2.tree-list {
 3  display: grid;
 4  // mode name
 5  grid-template-columns: auto 1fr fit-content(40em) auto auto;
 6  font-family: $font-family-monospace;
 7
 8  svg {
 9    color: #777;
10  }
11
12  .size {
13    text-align: right;
14  }
15
16  .name.blob a {
17    color: $gray-900;
18  }
19
20  .mode, .commit, .commit a, .date, .size {
21    color: $gray-700;
22  }
23
24  .name.blob {
25    text-overflow: ellipsis;
26    white-space: nowrap;
27    overflow: hidden;
28  }
29
30  .commit {
31    text-overflow: ellipsis;
32    white-space: nowrap;
33    overflow: hidden;
34  }
35
36  & > div {
37    padding: 0.1rem 0.5rem;
38    background: transparent;
39
40    &.id {
41      text-align: right;
42    }
43
44    &.comments {
45      text-align: center;
46    }
47
48    @for $i from 1 through 5 {
49      &:nth-child(5n+#{$i}) {
50        grid-column-start: $i;
51      }
52
53      // Striped rows
54      &:nth-child(10n+#{$i}) {
55        background: rgba(0,0,0,.05);
56      }
57    }
58  }
59}