dotfiles

  1.git-site {
  2  .git-content {
  3    display: block;
  4  }
  5  #content,
  6  #repo-header {
  7    min-width: 0;
  8  }
  9  #repo-header {
 10    display: flex;
 11    align-items: center;
 12    flex-wrap: wrap;
 13    gap: 1rem;
 14    margin: 20px 0;
 15    padding-bottom: 1rem;
 16    border-bottom: 1px solid var(--border-color);
 17  }
 18  .repo-title {
 19    flex: 1 1 16rem;
 20    min-width: 0;
 21  }
 22  .repo-menu {
 23    margin-top: 20px;
 24    ul {
 25      display: flex;
 26      flex-wrap: wrap;
 27      gap: 10px 20px;
 28      list-style: none;
 29      margin: 0;
 30    }
 31    a {
 32      font-weight: bold;
 33    }
 34  }
 35  #repo-header .url {
 36    background: var(--accent-alpha-20);
 37    border: 1px solid var(--border-color);
 38    border-radius: 3px;
 39    font-size: 0.9em;
 40    max-width: 100%;
 41    padding: 0.5em 0.8em;
 42    overflow-wrap: anywhere;
 43  }
 44  .desc {
 45    display: block;
 46    margin-top: 10px;
 47    opacity: 0.7;
 48  }
 49  .table-scroll {
 50    max-width: 100%;
 51    overflow: auto;
 52    margin: 20px 0;
 53  }
 54  table {
 55    table-layout: auto;
 56    overflow-wrap: normal;
 57    margin: 0;
 58  }
 59  th {
 60    white-space: nowrap;
 61  }
 62  td,
 63  th {
 64    text-align: left;
 65    vertical-align: top;
 66  }
 67  #index,
 68  #log,
 69  #files,
 70  #branches,
 71  #tags,
 72  #diffstat {
 73    td,
 74    th {
 75      padding: 0.25em 0.5em;
 76    }
 77    tr:hover td {
 78      background: var(--accent-secondary-alpha-20);
 79    }
 80  }
 81  #index td:first-child {
 82    font-weight: bold;
 83  }
 84  #log-msg {
 85    text-align: center;
 86    padding: 1em 0.5em;
 87    font-weight: bold;
 88    color: color-mix(in srgb, var(--color) 70%, var(--background));
 89    border-top: 1px solid var(--border-color);
 90  }
 91  #diffstat td:first-child,
 92  #diffstat td:nth-child(3) {
 93    text-align: center;
 94    width: 2em;
 95  }
 96  .num {
 97    text-align: right;
 98    white-space: nowrap;
 99  }
100  #log td:first-child,
101  #index td:last-child {
102    white-space: nowrap;
103  }
104  #files td:nth-child(2),
105  #log td:nth-child(2) {
106    min-width: 16ch;
107  }
108  pre {
109    font: inherit;
110    font-size: 0.95rem;
111    padding: 15px 10px;
112    overflow: auto;
113    border: 1px solid var(--border-color);
114    border-radius: 3px;
115  }
116  #blob pre {
117    background: var(--accent-alpha-20);
118  }
119  #blob pre a {
120    background: none;
121    color: inherit;
122    text-decoration: none;
123  }
124  #blob .linenos {
125    display: inline-block;
126    opacity: 0.8;
127    margin-right: 1ch;
128    padding-right: 1ch;
129    border-right: 1px solid var(--border-color);
130    user-select: none;
131  }
132  #blob pre > span[id] {
133    display: block;
134    width: max-content;
135    min-width: 100%;
136
137    &:hover,
138    &:has(:target) {
139      background: var(--accent-secondary-alpha-20);
140    }
141  }
142  .highlight {
143    color: var(--color);
144  }
145  .highlight pre {
146    line-height: 1.54;
147  }
148  .i,
149  .A {
150    color: var(--accent-secondary);
151  }
152  .d,
153  .D {
154    color: var(--accent);
155  }
156  .h,
157  .M {
158    color: var(--accent-secondary-alpha-70);
159  }
160  .A,
161  .D,
162  .M,
163  .R,
164  pre span.i,
165  pre span.d,
166  pre span.h {
167    font-weight: bold;
168  }
169  #content > h3 {
170    margin: 1em 0 0.5em;
171    padding-bottom: 0.2em;
172    border-bottom: 1px solid var(--border-color);
173    font-style: oblique;
174  }
175  :target {
176    scroll-margin-top: 15px;
177  }
178  pre :target {
179    background: var(--accent-secondary-alpha-20);
180  }
181}