1// disable gutter
  2$grid-gutter-width: 0;
  3
  4$base-font-size: 1rem;
  5$font-family-monospace: monospace;
  6$headings-margin-bottom: 0;
  7
  8$input-border-radius: 0;
  9
 10$btn-border-radius: 0;
 11
 12// basic functionality
 13@import "bootstrap/scss/_functions.scss";
 14@import "bootstrap/scss/_variables.scss";
 15//@import "bootstrap/scss/_variables-dark.scss";
 16@import "bootstrap/scss/_maps.scss";
 17@import "bootstrap/scss/_mixins.scss";
 18@import "bootstrap/scss/_utilities.scss";
 19
 20$navbar-nav-link-padding-x: $spacer;
 21
 22// added component
 23@import "bootstrap/scss/_root.scss";
 24@import "bootstrap/scss/_containers.scss";
 25@import "bootstrap/scss/_nav.scss";
 26@import "bootstrap/scss/_navbar.scss";
 27@import "bootstrap/scss/_grid.scss";
 28@import "bootstrap/scss/_forms.scss";
 29@import "bootstrap/scss/_buttons.scss";
 30@import "bootstrap/scss/mixins/_color-mode.scss";
 31@import "tree.scss";
 32
 33// overwrite to reduce the ammount of css generated by loading all utilities
 34$utilities: (
 35    "order": (responsive: true,
 36        property: order,
 37        values: (first: -1,
 38            0: 0,
 39            1: 1,
 40            2: 2,
 41            3: 3,
 42            4: 4,
 43            5: 5,
 44            last: 6,
 45        ),
 46    ),
 47    "float": (responsive: true,
 48        property: float,
 49        values: (start: left,
 50            end: right,
 51            none: none,
 52        )),
 53    "text-align": (responsive: true,
 54        property: text-align,
 55        class: text,
 56        values: (start: left,
 57            end: right,
 58            center: center,
 59        )),
 60    "margin": (responsive: true,
 61        property: margin,
 62        class: m,
 63        values: map-merge($spacers, (auto: auto))),
 64    "margin-end": (responsive: true,
 65        property: margin-right,
 66        class: me,
 67        values: map-merge($spacers, (auto: auto))),
 68    "margin-start": (responsive: true,
 69        property: margin-left,
 70        class: ms,
 71        values: map-merge($spacers, (auto: auto))),
 72);
 73
 74@import "bootstrap/scss/utilities/_api.scss";
 75
 76// prevents wierd font resizing on overflow
 77body {
 78    -webkit-text-size-adjust: 100%;
 79    font-family: $font-family-monospace;
 80    font-size: $base-font-size;
 81    margin: 0;
 82}
 83
 84@include color-mode(dark) {
 85    body {
 86        background: #212529;
 87    }
 88}
 89
 90// prevert wierd input overflowing 100%
 91input {
 92    width: 100%;
 93    box-sizing: border-box;
 94    -webkit-box-sizing: border-box;
 95    -moz-box-sizing: border-box;
 96}
 97
 98a[href]:not([href=""]):not(.nav-link) {
 99    text-decoration: none;
100
101    &:hover {
102        text-decoration: underline;
103    }
104}
105
106.navbar-nav {
107    margin-top: 0px
108}
109
110.event-list {
111    margin-bottom: 1rem;
112}
113
114.event:first-child {
115    margin-top: 0;
116}
117
118.event {
119    text-overflow: ellipsis;
120    overflow: hidden;
121    padding: 0.5rem;
122    margin: 0.5rem 0;
123    background: #f8f9fa;
124}
125
126@include color-mode(dark) {
127    .event {
128        background: #131618;
129    }
130}
131
132.event-commit {
133    background: #dadada;
134    padding: 5px;
135
136    a {
137        white-space: nowrap;
138        text-overflow: ellipsis;
139        overflow: hidden;
140    }
141}
142
143.event-commit a:nth-child(3) {
144    text-align: end;
145
146    @include media-breakpoint-down(xl) {
147        text-align: start;
148    }
149}
150
151
152@include color-mode(dark) {
153    .event-commit {
154        background: #000;
155    }
156}
157
158
159.selected {
160    text-decoration: underline;
161}
162
163.event>h4 {
164    margin: 0;
165}
166
167.event>p {
168    margin: 0.5rem 0;
169}
170
171.code-view {
172    display: grid;
173    overflow-x: auto;
174
175    >pre {
176        margin: 0;
177    }
178}
179
180.pathing {
181    margin-left: $spacer;
182    display: inline-block
183}
184
185pre {
186    display: grid;
187    overflow-x: auto;
188}
189
190#name {
191    text-overflow: ellipsis;
192    overflow: hidden;
193    white-space: nowrap;
194    padding-left: $spacer;
195    max-width: calc(100% - calc(2 * #{$spacer}));
196}
197
198#about {
199    padding: 0 $spacer $spacer $spacer;
200
201    >p:first-child {
202        margin-top: 0
203    }
204
205    @include media-breakpoint-down(md) {
206        padding: $spacer;
207        max-width: calc(100% - calc(2 * #{$spacer}));
208    }
209}
210
211.ref {
212    padding: 2px;
213    margin: 2px;
214    color: white;
215    text-decoration: none;
216
217    &.branch {
218        background: #25a525;
219    }
220
221    &.tag {
222        background: #5874e2;
223
224    }
225}
226
227.more {
228    margin: -15px 4px 10px 0;
229    padding: 5px 0 5px 0;
230    text-decoration: none;
231
232    &:hover {
233        text-decoration: underline;
234    }
235}