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