diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/project.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/project.scss | 133 |
1 files changed, 132 insertions, 1 deletions
diff --git a/app/assets/stylesheets/page_bundles/project.scss b/app/assets/stylesheets/page_bundles/project.scss index 7f044f081d4..0bc3cc6678c 100644 --- a/app/assets/stylesheets/page_bundles/project.scss +++ b/app/assets/stylesheets/page_bundles/project.scss @@ -49,7 +49,7 @@ .project-repo-buttons { .btn { svg { - fill: $gray-500; + fill: var(--gray-500, $gray-500); } } @@ -80,3 +80,134 @@ margin-top: $gl-padding-8; } } + +.project-stats, +.project-buttons { + .scrolling-tabs-container { + .scrolling-tabs { + margin-top: $gl-padding-8; + margin-bottom: $gl-padding-8 - $browser-scrollbar-size; + padding-bottom: $browser-scrollbar-size; + flex-wrap: wrap; + border-bottom: 0; + } + + .fade-left, + .fade-right { + top: 0; + height: calc(100% - #{$browser-scrollbar-size}); + + svg { + top: 50%; + margin-top: -$gl-padding-8; + } + } + + .nav { + flex-basis: 100%; + + + .nav { + margin: $gl-padding-8 0; + } + } + + @include media-breakpoint-down(md) { + flex-direction: column; + + .nav { + flex-wrap: nowrap; + } + + .nav:first-child { + margin-right: $gl-padding-8; + } + } + } + + .nav { + > li { + display: inline-block; + + &:not(:last-child) { + margin-right: $gl-padding; + } + + &.right { + vertical-align: top; + margin-top: 0; + + @include media-breakpoint-up(lg) { + float: right; + } + } + } + + .stat-text, + .stat-link { + padding: $gl-btn-vert-padding 0; + background-color: transparent; + font-size: $gl-font-size; + line-height: $gl-btn-line-height; + color: var(--gray-500, $gl-text-color-secondary); + white-space: pre-wrap; + } + + .stat-link { + border-bottom: 0; + color: var(--black, $black); + + &:hover, + &:focus { + text-decoration: underline; + border-bottom: 0; + } + + .project-stat-value { + color: var(--gl-text-color, $gl-text-color); + } + + .icon { + color: var(--gray-500, $gl-text-color-secondary); + } + + .add-license-link { + &, + .icon { + color: var(--blue-600, $blue-600); + } + } + } + + .btn { + margin-bottom: $gl-padding-8; + padding: $gl-btn-vert-padding $gl-btn-padding; + line-height: $gl-btn-line-height; + + .icon { + top: 0; + } + } + } +} + +.project-buttons { + .nav > li:not(:last-child) { + margin-right: $gl-padding-8; + } +} + +.git-empty { + margin-bottom: 7px; + + h5 { + color: var(--gl-text-color, $gl-text-color); + } + + .light-well { + border-radius: 2px; + + color: var(--gray-600, $well-light-text-color); + font-size: 13px; + line-height: 1.6em; + } +} |