diff options
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/main.scss | 164 |
1 files changed, 86 insertions, 78 deletions
diff --git a/scss/main.scss b/scss/main.scss index b25af7b..7a1fff2 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -35,57 +35,43 @@ $alert-border-radius: 0; // overwrite to reduce the ammount of css generated by loading all utilities $utilities: ( - "order": ( - responsive: true, - property: order, - values: ( - first: -1, - 0: 0, - 1: 1, - 2: 2, - 3: 3, - 4: 4, - 5: 5, - last: 6, + "order": (responsive: true, + property: order, + values: (first: -1, + 0: 0, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5, + last: 6, + ), ), - ), - "float": ( - responsive: true, - property: float, - values: ( - start: left, - end: right, - none: none, - ) - ), - "text-align": ( - responsive: true, - property: text-align, - class: text, - values: ( - start: left, - end: right, - center: center, - ) - ), - "margin": ( - responsive: true, - property: margin, - class: m, - values: map-merge($spacers, (auto: auto)) - ), - "margin-end": ( - responsive: true, - property: margin-right, - class: me, - values: map-merge($spacers, (auto: auto)) - ), - "margin-start": ( - responsive: true, - property: margin-left, - class: ms, - values: map-merge($spacers, (auto: auto)) - ), + "float": (responsive: true, + property: float, + values: (start: left, + end: right, + none: none, + )), + "text-align": (responsive: true, + property: text-align, + class: text, + values: (start: left, + end: right, + center: center, + )), + "margin": (responsive: true, + property: margin, + class: m, + values: map-merge($spacers, (auto: auto))), + "margin-end": (responsive: true, + property: margin-right, + class: me, + values: map-merge($spacers, (auto: auto))), + "margin-start": (responsive: true, + property: margin-left, + class: ms, + values: map-merge($spacers, (auto: auto))), ); @import "bootstrap/scss/utilities/_api.scss"; @@ -100,14 +86,14 @@ body { // prevert wierd input overflowing 100% input { - width: 100%; - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; } .navbar-nav { - margin-top: 0px + margin-top: 0px } .event-list { @@ -126,29 +112,50 @@ input { background: #f8f9fa; } +.event-commit { + background: #dadada; + padding: 5px; + + a { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } +} + +.event-commit a:nth-child(3) { + text-align: end; + + @include media-breakpoint-down(xl) { + text-align: start; + } +} + + .selected { - text-decoration: underline; + text-decoration: underline; } -.event > h4 { - margin: 0; +.event>h4 { + margin: 0; } -.event > p { - margin: 0.5rem 0; + +.event>p { + margin: 0.5rem 0; } .code-view { display: grid; overflow-x: auto; - > pre { - margin: 0; + >pre { + margin: 0; } } -.pathing{ - margin-left: $spacer; - display: inline-block +.pathing { + margin-left: $spacer; + display: inline-block } pre { @@ -157,21 +164,22 @@ pre { } #name { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - padding-left: $spacer; - max-width: calc(100% - calc(2 * #{$spacer})); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + padding-left: $spacer; + max-width: calc(100% - calc(2 * #{$spacer})); } #about { - padding: 0 $spacer $spacer $spacer; - > p:first-child { - margin-top: 0 - } + padding: 0 $spacer $spacer $spacer; - @include media-breakpoint-down(md) { - padding: $spacer; - max-width: calc(100% - calc(2 * #{$spacer})); - } + >p:first-child { + margin-top: 0 + } + + @include media-breakpoint-down(md) { + padding: $spacer; + max-width: calc(100% - calc(2 * #{$spacer})); + } } |