From 8f64ed8c78df2316b641fba418322c29b88ade45 Mon Sep 17 00:00:00 2001 From: HampusM Date: Thu, 20 May 2021 15:57:06 +0200 Subject: Added commit-page --- src/scss/abstracts/_colors.scss | 2 + src/scss/style.scss | 122 +++++++++++++++++++++++++++++++++++++++- 2 files changed, 121 insertions(+), 3 deletions(-) (limited to 'src/scss') diff --git a/src/scss/abstracts/_colors.scss b/src/scss/abstracts/_colors.scss index f49c464..d7c43f5 100644 --- a/src/scss/abstracts/_colors.scss +++ b/src/scss/abstracts/_colors.scss @@ -2,6 +2,8 @@ $primary: #023E8A; $primary-light: #0096C7; $secondary: #F48C06; $success: #40916C; +$new: #06d6a0; $danger: #D00000; $text: #ffffff; +$text-gray: #6c757d; $background: #121212; \ No newline at end of file diff --git a/src/scss/style.scss b/src/scss/style.scss index d45ad56..89ea349 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -21,7 +21,7 @@ $font-size-base: 0.75rem; $h1-font-size: $font-size-base * 2.5; $h2-font-size: $font-size-base * 2; $h3-font-size: $font-size-base * 1.75; -$h4-font-size: $font-size-base * 1.4; +$h4-font-size: $font-size-base * 1.5; $h5-font-size: $font-size-base * 1.125; $h6-font-size: $font-size-base; @@ -36,6 +36,7 @@ $font-sizes: ( $navbar-nav-link-padding-x: 0.5rem; +@import "../../node_modules/bootstrap/scss/breadcrumb"; @import "../../node_modules/bootstrap/scss/utilities"; @import "../../node_modules/bootstrap/scss/utilities/api"; @import "../../node_modules/bootstrap/scss/nav"; @@ -60,10 +61,13 @@ $table-variants: ( @import "../../node_modules/bootstrap/scss/containers"; @import "../../node_modules/bootstrap/scss/grid"; +@import "../../node_modules/highlight.js/scss/srcery.scss"; + body { background-color: colors.$background; color: colors.$text; font-family: fonts.$primary; + margin: 0px; } ul { @@ -134,6 +138,95 @@ a { } } +.breadcrumb { + li { + margin-bottom: 0.5rem; + } +} + +#commit-info { + margin-bottom: 2rem; + tbody tr { + td { + padding: 0px; + padding-right: 10px; + } + } +} + +.commit-file { + margin-bottom: 50px; + table { + padding-top: 15px; + tbody tr td { + padding: 0px; + padding-left: 8px; + vertical-align: top; + &:nth-child(2) { + padding-right: 7px; + } + &:nth-child(3) { + padding-right: 15px; + } + } + } +} + +.commit-file-add-del { + margin-left: auto; + margin-right: 23px; + span { + margin-right: 10px !important; + font-weight: 700; + &:nth-child(1) { + color: colors.$new; + } + } +} + +.commit-file-pos-change { + color: colors.$text-gray; +} + +.commit-file-no-newline { + color: colors.$text-gray; +} + +.line-new { + color: colors.$new; +} +.line-deleted { + color: colors.$danger; +} + +.line-unchanged { + color: colors.$text-gray; +} + +.line-highlight-new { + border-right: 1px solid colors.$new; +} +.line-highlight-deleted { + border-right: 1px solid colors.$danger; +} + +code { + white-space: pre-wrap; + word-wrap: anywhere; +} + +.commit-file-header { + display: flex; + background-color: rgba($color: #ffffff, $alpha: 0.08); + padding: 10px; + span { + margin-right: 30px; + &:nth-child(2) { + color: colors.$danger; + } + } +} + #back:hover { fill: colors.$primary-light; } @@ -146,9 +239,29 @@ th { text-align: start; } +.commit-info-title { + color: colors.$secondary; + padding-right: 30px; + width: 20px; +} + +.patch-too-large { + font-weight: 600; +} + + @include media-breakpoint-down(sm) { + .commit-file table tbody tr td { + padding-left: 4px; + &:nth-child(2) { + padding-right: 4px; + } + &:nth-child(3) { + padding-right: 5px; + } + } .table > :not(caption) > * > * { - padding: 0.5rem; + padding: 0.1rem; } } @@ -163,6 +276,9 @@ th { font-size: calc(1.3rem + 0.017vw) !important; } .fs-4 { - font-size: calc(0.75rem + 0.4vw) !important; + font-size: calc(0.82rem + 0.4vw) !important; + } + .fs-5 { + font-size: calc(0.65rem + 0.25vw) !important; } } \ No newline at end of file -- cgit v1.2.3-18-g5258