diff options
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/main.scss | 204 | ||||
| -rw-r--r-- | scss/tree.scss | 134 |
2 files changed, 214 insertions, 124 deletions
diff --git a/scss/main.scss b/scss/main.scss index 0766f82..e0fecf1 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -5,6 +5,10 @@ $base-font-size: 1rem; $font-family-monospace: monospace; $headings-margin-bottom: 0; +$input-border-radius: 0; + +$btn-border-radius: 0; + // basic functionality @import "bootstrap/scss/_functions.scss"; @import "bootstrap/scss/_variables.scss"; @@ -21,73 +25,79 @@ $navbar-nav-link-padding-x: $spacer; @import "bootstrap/scss/_nav.scss"; @import "bootstrap/scss/_navbar.scss"; @import "bootstrap/scss/_grid.scss"; +@import "bootstrap/scss/_forms.scss"; +@import "bootstrap/scss/_buttons.scss"; @import "tree.scss"; -// TODO remove once is not needed -$alert-border-radius: 0; -@import "bootstrap/scss/_alert.scss"; - // 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)) - ), + "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"; +// prevents wierd font resizing on overflow body { - // prevents wierd font resizing on overflow -webkit-text-size-adjust: 100%; font-family: $font-family-monospace; font-size: $base-font-size; margin: 0; } +// prevert wierd input overflowing 100% +input { + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +a[href]:not([href=""]):not(.nav-link) { + text-decoration: none; + + &:hover { + text-decoration: underline; + } +} + .navbar-nav { - margin-top: 0px + margin-top: 0px } .event-list { @@ -106,29 +116,50 @@ body { 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 { @@ -137,21 +168,48 @@ 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})); + } +} + +.ref { + padding: 2px; + margin: 2px; + color: white; + text-decoration: none; + + &.branch { + background: #25a525; + } + + &.tag { + background: #5874e2; + + } +} + +.more { + margin: -15px 4px 10px 0; + padding: 5px 0 5px 0; + text-decoration: none; + + &:hover { + text-decoration: underline; + } } diff --git a/scss/tree.scss b/scss/tree.scss index bbca162..05828dc 100644 --- a/scss/tree.scss +++ b/scss/tree.scss @@ -1,59 +1,91 @@ -// TODO: refer to sourcehut code AGPL +// This code includes software originally developed by Drew DeVault. +// +// Copyright 2017 Drew DeVault <sir@cmpwn.com> +// +// Redistribution and use in source and binary forms, with or without +// modification, are permitted provided that the following conditions are met: +// +// 1. Redistributions of source code must retain the above copyright notice, this +// list of conditions and the following disclaimer. +// +// 2. Redistributions in binary form must reproduce the above copyright notice, +// this list of conditions and the following disclaimer in the documentation +// and/or other materials provided with the distribution. +// +// 3. Neither the name of the copyright holder nor the names of its contributors +// may be used to endorse or promote products derived from this software without +// specific prior written permission. +// +// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND +// ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED +// WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE +// DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE +// FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL +// DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR +// SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER +// CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, +// OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + .tree-list { - display: grid; - // mode name - grid-template-columns: auto 1fr fit-content(40em) auto auto; - font-family: $font-family-monospace; - - svg { - color: #777; - } - - .size { - text-align: right; - } - - .name.blob a { - color: $gray-900; - } - - .mode, .commit, .commit a, .date, .size { - color: $gray-700; - } - - .name.blob { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - .commit { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - & > div { - padding: 0.1rem 0.5rem; - background: transparent; - - &.id { - text-align: right; + display: grid; + // mode name + grid-template-columns: auto 1fr fit-content(40em) auto auto; + font-family: $font-family-monospace; + + svg { + color: #777; + } + + .size { + text-align: right; } - &.comments { - text-align: center; + .name.blob a { + color: $gray-900; } - @for $i from 1 through 5 { - &:nth-child(5n+#{$i}) { - grid-column-start: $i; - } + .mode, + .commit, + .commit a, + .date, + .size { + color: $gray-700; + } + + .name.blob { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + .commit { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + &>div { + padding: 0.1rem 0.5rem; + background: transparent; + + &.id { + text-align: right; + } + + &.comments { + text-align: center; + } + + @for $i from 1 through 5 { + &:nth-child(5n+#{$i}) { + grid-column-start: $i; + } - // Striped rows - &:nth-child(10n+#{$i}) { - background: rgba(0,0,0,.05); - } + // Striped rows + &:nth-child(10n+#{$i}) { + background: rgba(0, 0, 0, .05); + } + } } - } } |