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
 91.navbar-nav {
 92    margin-top: 0px
 93}
 94
 95.event-list {
 96    margin-bottom: 1rem;
 97}
 98
 99.event:first-child {
100    margin-top: 0;
101}
102
103.event {
104    text-overflow: ellipsis;
105    overflow: hidden;
106    padding: 0.5rem;
107    margin: 0.5rem 0;
108    background: #f8f9fa;
109}
110
111.event-commit {
112    background: #dadada;
113    padding: 5px;
114
115    a {
116        white-space: nowrap;
117        text-overflow: ellipsis;
118        overflow: hidden;
119    }
120}
121
122.event-commit a:nth-child(3) {
123    text-align: end;
124
125    @include media-breakpoint-down(xl) {
126        text-align: start;
127    }
128}
129
130
131.selected {
132    text-decoration: underline;
133}
134
135.event>h4 {
136    margin: 0;
137}
138
139.event>p {
140    margin: 0.5rem 0;
141}
142
143.code-view {
144    display: grid;
145    overflow-x: auto;
146
147    >pre {
148        margin: 0;
149    }
150}
151
152.pathing {
153    margin-left: $spacer;
154    display: inline-block
155}
156
157pre {
158    display: grid;
159    overflow-x: auto;
160}
161
162#name {
163    text-overflow: ellipsis;
164    overflow: hidden;
165    white-space: nowrap;
166    padding-left: $spacer;
167    max-width: calc(100% - calc(2 * #{$spacer}));
168}
169
170#about {
171    padding: 0 $spacer $spacer $spacer;
172
173    >p:first-child {
174        margin-top: 0
175    }
176
177    @include media-breakpoint-down(md) {
178        padding: $spacer;
179        max-width: calc(100% - calc(2 * #{$spacer}));
180    }
181}
182
183.ref {
184    padding: 2px;
185    margin: 2px;
186    color: white;
187    text-decoration: none;
188
189    &:hover {
190        background: #70dc70;
191    }
192
193    &.branch {
194        background: #25a525;
195    }
196
197    &.tag {
198        background: #5874e2;
199    }
200}