diff options
Diffstat (limited to 'app/assets/stylesheets/pages')
27 files changed, 390 insertions, 1726 deletions
diff --git a/app/assets/stylesheets/pages/admin.scss b/app/assets/stylesheets/pages/admin.scss index 6c555aee20a..f0acb78f731 100644 --- a/app/assets/stylesheets/pages/admin.scss +++ b/app/assets/stylesheets/pages/admin.scss @@ -4,3 +4,7 @@ padding-bottom: 46px; } } + +.usage-data { + max-height: 400px; +} diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index 69d7de886b4..b3c5c693824 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -136,15 +136,23 @@ right: 0; bottom: 0; left: 0; + + button { + display: none; + } } .board-title { padding: 0; border-bottom: 0; + justify-content: center; > span { + width: 100%; + margin-top: -12px; display: block; - transform: rotate(90deg) translate(35px, 10px); + transform: rotate(90deg) translate(35px, 0); + overflow: initial; } } @@ -265,7 +273,7 @@ margin-bottom: 0; padding: 5px; list-style: none; - overflow-y: scroll; + overflow-y: auto; overflow-x: hidden; } diff --git a/app/assets/stylesheets/pages/branches.scss b/app/assets/stylesheets/pages/branches.scss index 49fe50977f5..38fec3f0aa8 100644 --- a/app/assets/stylesheets/pages/branches.scss +++ b/app/assets/stylesheets/pages/branches.scss @@ -23,7 +23,7 @@ .bar { position: absolute; height: 4px; - background-color: $divergence-graph-bar-bg; + background-color: $gl-gray-200; } .bar-behind { @@ -61,7 +61,7 @@ height: 18px; margin: 5px 0 0; float: left; - background-color: $divergence-graph-separator-bg; + background-color: $gl-gray-200; } } diff --git a/app/assets/stylesheets/pages/builds.scss b/app/assets/stylesheets/pages/builds.scss index 14ba8b1df83..ed877f625b5 100644 --- a/app/assets/stylesheets/pages/builds.scss +++ b/app/assets/stylesheets/pages/builds.scss @@ -328,23 +328,6 @@ } } - .build-dropdown { - margin: $gl-padding 0; - padding: 0; - - .dropdown-menu-toggle { - margin-top: #{$gl-padding / 2}; - } - - svg { - position: relative; - top: 3px; - margin-right: 3px; - width: 14px; - height: 14px; - } - } - .builds-container { background-color: $white-light; border-top: 1px solid $border-color; @@ -381,15 +364,11 @@ position: absolute; left: 15px; top: 20px; - display: none; + display: block; } &.active { font-weight: $gl-font-weight-bold; - - .icon-arrow-right { - display: block; - } } &.retried { diff --git a/app/assets/stylesheets/pages/clusters.scss b/app/assets/stylesheets/pages/clusters.scss index 0f22fe21143..71a3fd544f2 100644 --- a/app/assets/stylesheets/pages/clusters.scss +++ b/app/assets/stylesheets/pages/clusters.scss @@ -4,9 +4,60 @@ } } -.cluster-applications-table { - // Wait for the Vue to kick-in and render the applications block - min-height: 628px; +.cluster-application-row { + background: $gray-lighter; + + &.cluster-application-installed { + background: none; + } + + .settings-message { + padding: $gl-vert-padding $gl-padding-8; + } +} + +@media (min-width: map-get($grid-breakpoints, md)) { + .cluster-application-list { + border: 1px solid $border-color; + border-radius: $border-radius-default; + } + + .cluster-application-row { + border-bottom: 1px solid $border-color; + padding: $gl-padding; + } +} + +.cluster-application-logo { + border: 3px solid $white-light; + box-shadow: 0 0 0 1px $gray-normal; + + &.avatar:hover { + border-color: $white-light; + } +} + +.cluster-application-warning { + font-weight: bold; + text-align: center; + padding: $gl-padding; + border-bottom: 1px solid $white-normal; + + .svg-container { + display: inline-block; + vertical-align: middle; + margin-right: $gl-padding-8; + width: 40px; + height: 40px; + } +} + +.cluster-application-description { + flex: 1; +} + +.cluster-application-disabled { + opacity: 0.5; } .clusters-dropdown-menu { diff --git a/app/assets/stylesheets/pages/commits.scss b/app/assets/stylesheets/pages/commits.scss index 10764e0f3df..628a4ca38da 100644 --- a/app/assets/stylesheets/pages/commits.scss +++ b/app/assets/stylesheets/pages/commits.scss @@ -223,6 +223,7 @@ } } +.clipboard-group, .commit-sha-group { display: inline-flex; diff --git a/app/assets/stylesheets/pages/diff.scss b/app/assets/stylesheets/pages/diff.scss index 7d7143631f2..17b02c6e31e 100644 --- a/app/assets/stylesheets/pages/diff.scss +++ b/app/assets/stylesheets/pages/diff.scss @@ -31,7 +31,7 @@ .file-mode-changed { padding: 10px; - color: $file-mode-changed; + color: $gl-gray-500; } .suppressed-container { @@ -72,6 +72,7 @@ .line_holder td { line-height: $code-line-height; font-size: $code-font-size; + vertical-align: top; &.noteable_line { position: relative; @@ -244,7 +245,7 @@ .swipe-wrap { overflow: hidden; - border-left: 1px solid $diff-swipe-border; + border-left: 1px solid $gl-gray-400; position: absolute; display: block; top: 13px; @@ -570,8 +571,6 @@ } .files { - margin-top: 1px; - .diff-file:last-child { margin-bottom: 0; } @@ -749,6 +748,10 @@ left: $gl-padding; } + .dropdown-input .dropdown-input-search { + pointer-events: all; + } + .diff-changed-file { display: flex; padding-top: 8px; @@ -982,3 +985,64 @@ .discussion-body .image .frame { position: relative; } + +.diff-tree-list { + width: 320px; +} + +.diff-files-holder { + flex: 1; + min-width: 0; +} + +.compare-versions-container { + min-width: 0; +} + +.tree-list-holder { + position: -webkit-sticky; + position: sticky; + top: 100px; + max-height: calc(100vh - 100px); + padding-right: $gl-padding; + + .file-row { + margin-left: 0; + margin-right: 0; + } + + .with-performance-bar & { + top: 135px; + } +} + +.tree-list-scroll { + max-height: 100%; + padding-top: $grid-size; + padding-bottom: $grid-size; + border-top: 1px solid $border-color; + border-bottom: 1px solid $border-color; + overflow-y: scroll; + overflow-x: auto; +} + +.tree-list-search .form-control { + padding-left: 30px; +} + +.tree-list-icon { + top: 50%; + left: 10px; + transform: translateY(-50%); + + &, + svg { + fill: $gl-text-color-tertiary; + } +} + +.tree-list-clear-icon { + right: 10px; + left: auto; + line-height: 0; +} diff --git a/app/assets/stylesheets/pages/environments.scss b/app/assets/stylesheets/pages/environments.scss index 196f6ae6d8c..79984c1a546 100644 --- a/app/assets/stylesheets/pages/environments.scss +++ b/app/assets/stylesheets/pages/environments.scss @@ -153,7 +153,7 @@ .x-axis path, .y-axis path { - stroke: $stat-graph-axis-fill; + stroke: $gl-gray-350; } .label-x-axis-line, @@ -163,7 +163,7 @@ .y-axis { line { - stroke: $stat-graph-axis-fill; + stroke: $gl-gray-350; stroke-width: 1; } } diff --git a/app/assets/stylesheets/pages/events.scss b/app/assets/stylesheets/pages/events.scss index da0c9b44498..a91d44805ee 100644 --- a/app/assets/stylesheets/pages/events.scss +++ b/app/assets/stylesheets/pages/events.scss @@ -87,7 +87,7 @@ border: 0; background: $gray-light; border-radius: 0; - color: $events-pre-color; + color: $gl-gray-500; overflow: hidden; } @@ -104,7 +104,7 @@ } .event-note-icon { - color: $events-pre-color; + color: $gl-gray-500; float: left; font-size: $gl-font-size; line-height: 16px; diff --git a/app/assets/stylesheets/pages/graph.scss b/app/assets/stylesheets/pages/graph.scss index 22fce893fd7..4fb1a956fab 100644 --- a/app/assets/stylesheets/pages/graph.scss +++ b/app/assets/stylesheets/pages/graph.scss @@ -20,7 +20,7 @@ .graphs { .graph-author-email { float: right; - color: $graph-author-email-color; + color: $gl-gray-500; } .graph-additions { @@ -58,7 +58,7 @@ .y-axis-label { line { - stroke: $stat-graph-axis-fill; + stroke: $gl-gray-350; } text { diff --git a/app/assets/stylesheets/pages/groups.scss b/app/assets/stylesheets/pages/groups.scss index 60b4d39bb1a..fe792a53b44 100644 --- a/app/assets/stylesheets/pages/groups.scss +++ b/app/assets/stylesheets/pages/groups.scss @@ -3,7 +3,6 @@ } .dashboard .side .card .card-header .input-group { - .form-control { height: 42px; } @@ -30,14 +29,15 @@ } } +.group-nav-container .group-search, .group-nav-container .nav-controls { display: flex; align-items: flex-start; - padding: $gl-padding-top 0; - border-bottom: 1px solid $border-color; + padding: $gl-padding-top 0 0; .group-filter-form { - flex: 1; + flex: 1 1 auto; + margin-right: $gl-padding-8; } .dropdown-menu-right { @@ -106,7 +106,7 @@ &, .dropdown, .dropdown .dropdown-toggle, - .btn-new { + .btn-success { display: block; } @@ -118,7 +118,7 @@ .group-filter-form, .dropdown .dropdown-toggle, - .btn-new { + .btn-success { width: 100%; } @@ -136,6 +136,10 @@ flex: 1; } + .dropdown-toggle { + width: auto; + } + .dropdown-menu { width: 100%; max-width: inherit; @@ -145,38 +149,14 @@ } } -.groups-empty-state { - padding: 50px 100px; - overflow: hidden; - - @include media-breakpoint-down(sm) { - padding: 50px 0; - } - - svg { - float: right; - - @include media-breakpoint-down(sm) { - float: none; - display: block; - width: 250px; - position: relative; - left: 50%; - margin-left: -125px; - } - } - - .text-content { - float: left; - width: 460px; - margin-top: 120px; +.group-nav-container .group-search { + padding: $gl-padding 0; + border-bottom: 1px solid $border-color; +} - @include media-breakpoint-down(sm) { - float: none; - margin-top: 60px; - width: auto; - text-align: center; - } +.groups-listing { + .group-list-tree .group-row:first-child { + border-top: 0; } } @@ -278,12 +258,12 @@ } &::after { - content: ""; + content: ''; position: absolute; height: 100%; width: 100%; background-color: transparent; - border: 2px outset $kdb-border; + border: 2px outset $gl-gray-200; border-radius: 50%; animation: spin-avatar 3s infinite linear; } @@ -346,7 +326,7 @@ position: relative; &::before { - content: ""; + content: ''; display: block; width: 10px; height: 0; diff --git a/app/assets/stylesheets/pages/help.scss b/app/assets/stylesheets/pages/help.scss index 0350fe5752e..2c23f31c240 100644 --- a/app/assets/stylesheets/pages/help.scss +++ b/app/assets/stylesheets/pages/help.scss @@ -1,6 +1,6 @@ .shortcut-mappings { font-size: 12px; - color: $help-shortcut-mapping-color; + color: $gl-gray-700; tbody:first-child tr:first-child { padding-top: 0; @@ -22,7 +22,7 @@ .shortcut { padding-right: 10px; - color: $help-shortcut-color; + color: $gl-gray-400; text-align: right; white-space: nowrap; } diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss index 9ac47a771a5..62a9f97caa9 100644 --- a/app/assets/stylesheets/pages/issuable.scss +++ b/app/assets/stylesheets/pages/issuable.scss @@ -701,6 +701,11 @@ align-self: center; overflow: hidden; text-overflow: ellipsis; + + .user-status-emoji { + margin-left: $gl-padding-4; + margin-right: 0; + } } .js-issuable-selector-wrap { @@ -721,13 +726,13 @@ display: flex; } - .issue-info-container { + .issuable-info-container { -webkit-flex: 1; flex: 1; display: flex; padding-right: $gl-padding; - .issue-main-info { + .issuable-main-info { flex: 1 auto; margin-right: 10px; } @@ -763,7 +768,7 @@ margin-bottom: 10px; min-width: 15px; - .selected_issue { + .selected-issuable { vertical-align: text-top; } } @@ -795,7 +800,7 @@ } .issuable-list li, -.issue-info-container .controls { +.issuable-info-container .controls { .avatar-counter { display: inline-block; vertical-align: middle; diff --git a/app/assets/stylesheets/pages/login.scss b/app/assets/stylesheets/pages/login.scss index c9e5fb9c579..fa0ab1a3bae 100644 --- a/app/assets/stylesheets/pages/login.scss +++ b/app/assets/stylesheets/pages/login.scss @@ -100,6 +100,22 @@ p { margin: 0; } + + .omniauth-btn { + margin-bottom: $gl-padding; + width: 48%; + padding: $gl-padding-8; + + @include media-breakpoint-down(md) { + width: 100%; + } + + img { + width: $default-icon-size; + height: $default-icon-size; + margin-right: $gl-padding; + } + } } .new-session-tabs { @@ -169,10 +185,6 @@ } } - label { - font-weight: $gl-font-weight-normal; - } - .submit-container { margin-top: 16px; } @@ -200,15 +212,6 @@ } } -.oauth-image-link { - margin-right: 10px; - - img { - width: 32px; - height: 32px; - } -} - .devise-layout-html { margin: 0; padding: 0; diff --git a/app/assets/stylesheets/pages/members.scss b/app/assets/stylesheets/pages/members.scss index 5fdb2b4a90a..99609a96976 100644 --- a/app/assets/stylesheets/pages/members.scss +++ b/app/assets/stylesheets/pages/members.scss @@ -4,7 +4,7 @@ } .users-project-form { - .btn-create { + .btn-success { margin-right: 10px; } } diff --git a/app/assets/stylesheets/pages/merge_requests.scss b/app/assets/stylesheets/pages/merge_requests.scss index 7b8cad254c7..45382d4ea43 100644 --- a/app/assets/stylesheets/pages/merge_requests.scss +++ b/app/assets/stylesheets/pages/merge_requests.scss @@ -460,7 +460,7 @@ display: -webkit-flex; display: flex; - .issue-info-container { + .issuable-info-container { -webkit-flex: 1; flex: 1; } @@ -723,6 +723,17 @@ align-items: center; padding: 16px; z-index: 199; + white-space: nowrap; + + .dropdown-menu-toggle { + width: auto; + max-width: 170px; + + svg { + top: 10px; + right: 8px; + } + } } .content-block { @@ -910,7 +921,7 @@ opacity: .65; &:hover { - color: $file-mode-changed; + color: $gl-gray-500; text-decoration: none; } } diff --git a/app/assets/stylesheets/pages/note_form.scss b/app/assets/stylesheets/pages/note_form.scss index ac7b701c2e2..4268e194ed7 100644 --- a/app/assets/stylesheets/pages/note_form.scss +++ b/app/assets/stylesheets/pages/note_form.scss @@ -2,7 +2,7 @@ * Note Form */ .comment-btn { - @extend .btn-create; + @extend .btn-success; } .diff-file .diff-content { diff --git a/app/assets/stylesheets/pages/notes.scss b/app/assets/stylesheets/pages/notes.scss index dbe9f0c03fb..bfba1bf1b2b 100644 --- a/app/assets/stylesheets/pages/notes.scss +++ b/app/assets/stylesheets/pages/notes.scss @@ -94,8 +94,8 @@ ul.notes { opacity: 0.5; .dummy-avatar { - background-color: $kdb-border; - border: 1px solid darken($kdb-border, 25%); + background-color: $gl-gray-200; + border: 1px solid darken($gl-gray-200, 25%); } .note-headline-light, @@ -334,20 +334,6 @@ ul.notes { border: 1px solid $white-normal; border-left: 0; - &.notes_line { - vertical-align: middle; - text-align: center; - padding: 10px 0; - background: $gray-light; - color: $text-color; - } - - &.notes_line2 { - text-align: center; - padding: 10px 0; - border-left: 1px solid $note-line2-border !important; - } - &.notes_content { background-color: $gray-light; border-width: 1px 0; @@ -357,6 +343,10 @@ ul.notes { &.parallel { border-width: 1px; + + &.new { + border-right-width: 0; + } } .discussion-notes { @@ -533,59 +523,7 @@ ul.notes { } .note-action-button { - line-height: 1; - padding: 0; - min-width: 16px; - color: $gray-darkest; - fill: $gray-darkest; - - .fa { - position: relative; - font-size: 16px; - } - - svg { - @include btn-svg; - margin: 0; - } - - .award-control-icon-positive, - .award-control-icon-super-positive { - position: absolute; - top: 0; - left: 0; - opacity: 0; - } - - &:hover, - &.is-active { - .danger-highlight { - color: $red-500; - } - - .link-highlight { - color: $blue-600; - fill: $blue-600; - } - - .award-control-icon-neutral { - opacity: 0; - } - - .award-control-icon-positive { - opacity: 1; - } - } - - &.is-active { - .award-control-icon-positive { - opacity: 0; - } - - .award-control-icon-super-positive { - opacity: 1; - } - } + @include emoji-menu-toggle-button; } .discussion-toggle-button { @@ -804,7 +742,7 @@ ul.notes { padding-top: 0; .discussion-wrapper { - border-color: transparent; + border: 0; } } } diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss index 8bb8b83dc5e..14395cc59b0 100644 --- a/app/assets/stylesheets/pages/pipelines.scss +++ b/app/assets/stylesheets/pages/pipelines.scss @@ -760,6 +760,7 @@ } &.ci-status-icon-canceled, + &.ci-status-icon-scheduled, &.ci-status-icon-disabled, &.ci-status-icon-not-found, &.ci-status-icon-manual { diff --git a/app/assets/stylesheets/pages/profile.scss b/app/assets/stylesheets/pages/profile.scss index 17f34319050..f084adaf5d3 100644 --- a/app/assets/stylesheets/pages/profile.scss +++ b/app/assets/stylesheets/pages/profile.scss @@ -81,14 +81,14 @@ // Middle dot divider between each element in a list of items. .middle-dot-divider { &::after { - content: "\00B7"; // Middle Dot + content: '\00B7'; // Middle Dot padding: 0 6px; font-weight: $gl-font-weight-bold; } &:last-child { &::after { - content: ""; + content: ''; padding: 0; } } @@ -191,7 +191,6 @@ @include media-breakpoint-down(xs) { width: auto; } - } .profile-crop-image-container { @@ -215,7 +214,6 @@ } } - .user-profile { .cover-controls a { margin-left: 5px; @@ -279,6 +277,10 @@ table.u2f-registrations { } } +.codes { + padding-top: 14px; +} + .oauth-application-show { .scope-name { font-weight: $gl-font-weight-bold; @@ -414,7 +416,7 @@ table.u2f-registrations { } &.unverified { - @include status-color($gray-dark, color("gray"), $common-gray-dark); + @include status-color($gray-dark, color('gray'), $common-gray-dark); } } } @@ -427,7 +429,7 @@ table.u2f-registrations { } .emoji-menu-toggle-button { - @extend .note-action-button; + @include emoji-menu-toggle-button; .no-emoji-placeholder { position: relative; diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss index a95e78931b1..da3d8aa53ad 100644 --- a/app/assets/stylesheets/pages/projects.scss +++ b/app/assets/stylesheets/pages/projects.scss @@ -115,7 +115,7 @@ .project-feature-controls { display: flex; align-items: center; - margin: 8px 0; + margin: $gl-padding-8 0; max-width: 432px; .toggle-wrapper { @@ -144,12 +144,8 @@ .group-home-panel { padding-top: 24px; padding-bottom: 24px; + border-bottom: 1px solid $border-color; - @include media-breakpoint-up(sm) { - border-bottom: 1px solid $border-color; - } - - .project-avatar, .group-avatar { float: none; margin: 0 auto; @@ -175,7 +171,6 @@ } } - .project-home-desc, .group-home-desc { margin-left: auto; margin-right: auto; @@ -199,6 +194,62 @@ } } +.project-home-panel { + padding-top: $gl-padding-8; + padding-bottom: $gl-padding-24; + + .project-title-row { + margin-right: $gl-padding-8; + } + + .project-avatar { + width: $project-title-row-height; + height: $project-title-row-height; + flex-shrink: 0; + flex-basis: $project-title-row-height; + margin: 0 $gl-padding-8 0 0; + } + + .project-title { + font-size: 20px; + line-height: $project-title-row-height; + font-weight: bold; + } + + .project-metadata { + font-weight: normal; + font-size: 14px; + line-height: $gl-btn-line-height; + color: $gl-text-color-secondary; + + .icon { + margin-right: $gl-padding-4; + font-size: 16px; + } + + .project-visibility, + .project-license, + .project-tag-list { + margin-right: $gl-padding-8; + } + + .project-license { + .btn { + line-height: 0; + border-width: 0; + } + } + + .project-tag-list, + .project-license { + .icon { + position: relative; + top: 2px; + } + } + } +} + .nav > .project-repo-buttons { margin-top: 0; } @@ -206,8 +257,6 @@ .project-repo-buttons, .group-buttons { .btn { - padding: 3px 10px; - &:last-child { margin-left: 0; } @@ -222,11 +271,15 @@ .fa-caret-down { margin-left: 3px; + + &.dropdown-btn-icon { + margin-left: 0; + } } } .project-action-button { - margin: 15px 5px 0; + margin: $gl-padding $gl-padding-8 0 0; vertical-align: top; } @@ -243,82 +296,45 @@ .count-buttons { display: inline-block; vertical-align: top; - margin-top: 15px; - } + margin-top: $gl-padding; - .project-clone-holder { - display: inline-block; - margin: 15px 5px 0 0; + .count-badge { + height: $input-height; - input { - height: 28px; + .icon { + top: -1px; + } } - } - .count-with-arrow { - display: inline-block; - position: relative; - margin-left: 4px; + .count-badge-count, + .count-badge-button { + border: 1px solid $border-color; + line-height: 1; + } - .arrow { - &::before { - content: ''; - display: inline-block; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: 50%; - left: 0; - margin-top: -6px; - border-width: 7px 5px 7px 0; - border-right-color: $count-arrow-border; - pointer-events: none; - } + .count, + .count-badge-button { + color: $gl-text-color; + } - &::after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: 50%; - left: 1px; - margin-top: -9px; - border-width: 10px 7px 10px 0; - border-right-color: $white-light; - pointer-events: none; - } + .count-badge-count { + padding: 0 12px; + border-right: 0; + border-radius: $border-radius-base 0 0 $border-radius-base; + background: $gray-light; } - .count { - @include btn-white; - display: inline-block; - background: $white-light; - border-radius: 2px; - border-width: 1px; - border-style: solid; - font-size: 13px; - font-weight: $gl-font-weight-bold; - line-height: 13px; - letter-spacing: 0.4px; - padding: 6px 14px; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - background-image: none; - white-space: nowrap; - margin: 0 10px 0 4px; + .count-badge-button { + border-radius: 0 $border-radius-base $border-radius-base 0; + } + } - a { - color: inherit; - } + .project-clone-holder { + display: inline-block; + margin: $gl-padding $gl-padding-8 0 0; - &:hover { - background: $white-light; - } + input { + height: $input-height; } } @@ -333,6 +349,14 @@ min-width: 320px; } } + + .mobile-git-clone { + margin-top: $gl-padding-8; + + .dropdown-menu-inner-content { + @extend .monospace; + } + } } .split-one { @@ -347,7 +371,7 @@ .save-project-loader { margin-top: 50px; margin-bottom: 50px; - color: $save-project-loader-color; + color: $gl-gray-700; } .transfer-project .select2-container { @@ -423,7 +447,7 @@ > li + li::before { padding: 0 3px; - color: $project-breadcrumb-color; + color: $gl-gray-400; } a { @@ -511,7 +535,6 @@ .controls { margin-left: auto; } - } .choose-template { @@ -574,7 +597,7 @@ flex-wrap: wrap; .btn { - padding: 8px; + padding: $gl-padding-8; margin-right: 10px; } @@ -651,7 +674,7 @@ left: -10px; top: 50%; z-index: 10; - padding: 8px 0; + padding: $gl-padding-8 0; text-align: center; background-color: $white-light; color: $gl-text-color-tertiary; @@ -665,7 +688,7 @@ left: 50%; top: 0; transform: translateX(-50%); - padding: 0 8px; + padding: 0 $gl-padding-8; } } @@ -699,17 +722,51 @@ .project-stats { font-size: 0; text-align: center; - max-width: 100%; border-bottom: 1px solid $border-color; - .nav { - margin-top: $gl-padding-8; - margin-bottom: $gl-padding-8; + .scrolling-tabs-container { + .scrolling-tabs { + margin-top: $gl-padding-8; + margin-bottom: $gl-padding-8; + flex-wrap: wrap; + border-bottom: 0; + } + + .fade-left, + .fade-right { + top: 0; + height: 100%; + .fa { + 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; - margin-top: $gl-padding-4; - margin-bottom: $gl-padding-4; &:not(:last-child) { margin-right: $gl-padding; @@ -732,13 +789,17 @@ font-size: $gl-font-size; line-height: $gl-btn-line-height; color: $gl-text-color-secondary; + white-space: nowrap; } .stat-link { + border-bottom: 0; + &:hover, &:focus { color: $gl-text-color; text-decoration: underline; + border-bottom: 0; } } @@ -769,6 +830,14 @@ } } +.repository-language-bar-tooltip-language { + font-weight: $gl-font-weight-bold; +} + +.repository-language-bar-tooltip-share { + color: $theme-gray-400; +} + pre.light-well { border-color: $well-light-border; } @@ -868,7 +937,7 @@ pre.light-well { } .git-clone-holder { - width: 380px; + width: 320px; .btn-clipboard { border: 1px solid $border-color; diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss index 77119aea9e2..04151b1cd59 100644 --- a/app/assets/stylesheets/pages/search.scss +++ b/app/assets/stylesheets/pages/search.scss @@ -218,7 +218,7 @@ input[type='checkbox']:hover { } .btn-search, - .btn-new { + .btn-success { width: 100%; margin-top: 5px; diff --git a/app/assets/stylesheets/pages/settings.scss b/app/assets/stylesheets/pages/settings.scss index e351dd7c0bb..dbf8692d69b 100644 --- a/app/assets/stylesheets/pages/settings.scss +++ b/app/assets/stylesheets/pages/settings.scss @@ -106,7 +106,7 @@ .settings-list-icon { color: $gl-text-color-secondary; - font-size: $settings-icon-size; + font-size: $default-icon-size; line-height: 42px; } @@ -249,7 +249,7 @@ } .loading-metrics .metrics-load-spinner { - color: $loading-color; + color: $gl-gray-700; } .metrics-list { diff --git a/app/assets/stylesheets/pages/status.scss b/app/assets/stylesheets/pages/status.scss index 620297e589d..7d59dd3b5d1 100644 --- a/app/assets/stylesheets/pages/status.scss +++ b/app/assets/stylesheets/pages/status.scss @@ -27,6 +27,7 @@ &.ci-canceled, &.ci-disabled, + &.ci-scheduled, &.ci-manual { color: $gl-text-color; border-color: $gl-text-color; diff --git a/app/assets/stylesheets/pages/todos.scss b/app/assets/stylesheets/pages/todos.scss index 5d3b7b21ce4..3fc37e20c36 100644 --- a/app/assets/stylesheets/pages/todos.scss +++ b/app/assets/stylesheets/pages/todos.scss @@ -143,7 +143,7 @@ border: 0; background: $gray-light; border-radius: 0; - color: $todo-body-pre-color; + color: $gl-gray-500; margin: 0 20px; overflow: hidden; } @@ -205,7 +205,7 @@ .todo-body { margin: 0; - border-left: 2px solid $todo-body-border; + border-left: 2px solid $gl-gray-100; padding-left: 10px; } } diff --git a/app/assets/stylesheets/pages/ui_dev_kit.scss b/app/assets/stylesheets/pages/ui_dev_kit.scss index 48ac5b21db8..84c617c7ec0 100644 --- a/app/assets/stylesheets/pages/ui_dev_kit.scss +++ b/app/assets/stylesheets/pages/ui_dev_kit.scss @@ -6,7 +6,7 @@ .example { padding: 15px; - border: 1px dashed $ui-dev-kit-example-border; + border: 1px dashed $gl-gray-100; margin-bottom: 15px; &::before { diff --git a/app/assets/stylesheets/pages/xterm.scss b/app/assets/stylesheets/pages/xterm.scss deleted file mode 100644 index 7d40c61da26..00000000000 --- a/app/assets/stylesheets/pages/xterm.scss +++ /dev/null @@ -1,1453 +0,0 @@ -.build-page { - // color codes are based on http://en.wikipedia.org/wiki/File:Xterm_256color_chart.svg - // see also: https://gist.github.com/jasonm23/2868981 - - $black: #000; - $red: #ea1010; - $green: #009900; - $yellow: #999900; - $blue: #0073e6; - $magenta: #d411d4; - $cyan: #009999; - $white: #ccc; - $l-black: #373b41; - $l-red: #ff6161; - $l-green: #00d600; - $l-yellow: #bdbd00; - $l-blue: #5797ff; - $l-magenta: #d96dd9; - $l-cyan: #00bdbd; - $l-white: #fff; - - /* - * xterm colors - */ - $xterm-fg-0: $black; - $xterm-fg-1: #800000; - $xterm-fg-2: #008000; - $xterm-fg-3: #808000; - $xterm-fg-4: #000080; - $xterm-fg-5: #800080; - $xterm-fg-6: #008080; - $xterm-fg-7: #c0c0c0; - $xterm-fg-8: #808080; - $xterm-fg-9: #f00; - $xterm-fg-10: #0f0; - $xterm-fg-11: #ff0; - $xterm-fg-12: #00f; - $xterm-fg-13: #f0f; - $xterm-fg-14: #0ff; - $xterm-fg-15: $white-light; - $xterm-fg-16: $black; - $xterm-fg-17: #00005f; - $xterm-fg-18: #000087; - $xterm-fg-19: #0000af; - $xterm-fg-20: #0000d7; - $xterm-fg-21: #00f; - $xterm-fg-22: #005f00; - $xterm-fg-23: #005f5f; - $xterm-fg-24: #005f87; - $xterm-fg-25: #005faf; - $xterm-fg-26: #005fd7; - $xterm-fg-27: #005fff; - $xterm-fg-28: #008700; - $xterm-fg-29: #00875f; - $xterm-fg-30: #008787; - $xterm-fg-31: #0087af; - $xterm-fg-32: #0087d7; - $xterm-fg-33: #0087ff; - $xterm-fg-34: #00af00; - $xterm-fg-35: #00af5f; - $xterm-fg-36: #00af87; - $xterm-fg-37: #00afaf; - $xterm-fg-38: #00afd7; - $xterm-fg-39: #00afff; - $xterm-fg-40: #00d700; - $xterm-fg-41: #00d75f; - $xterm-fg-42: #00d787; - $xterm-fg-43: #00d7af; - $xterm-fg-44: #00d7d7; - $xterm-fg-45: #00d7ff; - $xterm-fg-46: #0f0; - $xterm-fg-47: #00ff5f; - $xterm-fg-48: #00ff87; - $xterm-fg-49: #00ffaf; - $xterm-fg-50: #00ffd7; - $xterm-fg-51: #0ff; - $xterm-fg-52: #5f0000; - $xterm-fg-53: #5f005f; - $xterm-fg-54: #5f0087; - $xterm-fg-55: #5f00af; - $xterm-fg-56: #5f00d7; - $xterm-fg-57: #5f00ff; - $xterm-fg-58: #5f5f00; - $xterm-fg-59: #5f5f5f; - $xterm-fg-60: #5f5f87; - $xterm-fg-61: #5f5faf; - $xterm-fg-62: #5f5fd7; - $xterm-fg-63: #5f5fff; - $xterm-fg-64: #5f8700; - $xterm-fg-65: #5f875f; - $xterm-fg-66: #5f8787; - $xterm-fg-67: #5f87af; - $xterm-fg-68: #5f87d7; - $xterm-fg-69: #5f87ff; - $xterm-fg-70: #5faf00; - $xterm-fg-71: #5faf5f; - $xterm-fg-72: #5faf87; - $xterm-fg-73: #5fafaf; - $xterm-fg-74: #5fafd7; - $xterm-fg-75: #5fafff; - $xterm-fg-76: #5fd700; - $xterm-fg-77: #5fd75f; - $xterm-fg-78: #5fd787; - $xterm-fg-79: #5fd7af; - $xterm-fg-80: #5fd7d7; - $xterm-fg-81: #5fd7ff; - $xterm-fg-82: #5fff00; - $xterm-fg-83: #5fff5f; - $xterm-fg-84: #5fff87; - $xterm-fg-85: #5fffaf; - $xterm-fg-86: #5fffd7; - $xterm-fg-87: #5fffff; - $xterm-fg-88: #870000; - $xterm-fg-89: #87005f; - $xterm-fg-90: #870087; - $xterm-fg-91: #8700af; - $xterm-fg-92: #8700d7; - $xterm-fg-93: #8700ff; - $xterm-fg-94: #875f00; - $xterm-fg-95: #875f5f; - $xterm-fg-96: #875f87; - $xterm-fg-97: #875faf; - $xterm-fg-98: #875fd7; - $xterm-fg-99: #875fff; - $xterm-fg-100: #878700; - $xterm-fg-101: #87875f; - $xterm-fg-102: #878787; - $xterm-fg-103: #8787af; - $xterm-fg-104: #8787d7; - $xterm-fg-105: #8787ff; - $xterm-fg-106: #87af00; - $xterm-fg-107: #87af5f; - $xterm-fg-108: #87af87; - $xterm-fg-109: #87afaf; - $xterm-fg-110: #87afd7; - $xterm-fg-111: #87afff; - $xterm-fg-112: #87d700; - $xterm-fg-113: #87d75f; - $xterm-fg-114: #87d787; - $xterm-fg-115: #87d7af; - $xterm-fg-116: #87d7d7; - $xterm-fg-117: #87d7ff; - $xterm-fg-118: #87ff00; - $xterm-fg-119: #87ff5f; - $xterm-fg-120: #87ff87; - $xterm-fg-121: #87ffaf; - $xterm-fg-122: #87ffd7; - $xterm-fg-123: #87ffff; - $xterm-fg-124: #af0000; - $xterm-fg-125: #af005f; - $xterm-fg-126: #af0087; - $xterm-fg-127: #af00af; - $xterm-fg-128: #af00d7; - $xterm-fg-129: #af00ff; - $xterm-fg-130: #af5f00; - $xterm-fg-131: #af5f5f; - $xterm-fg-132: #af5f87; - $xterm-fg-133: #af5faf; - $xterm-fg-134: #af5fd7; - $xterm-fg-135: #af5fff; - $xterm-fg-136: #af8700; - $xterm-fg-137: #af875f; - $xterm-fg-138: #af8787; - $xterm-fg-139: #af87af; - $xterm-fg-140: #af87d7; - $xterm-fg-141: #af87ff; - $xterm-fg-142: #afaf00; - $xterm-fg-143: #afaf5f; - $xterm-fg-144: #afaf87; - $xterm-fg-145: #afafaf; - $xterm-fg-146: #afafd7; - $xterm-fg-147: #afafff; - $xterm-fg-148: #afd700; - $xterm-fg-149: #afd75f; - $xterm-fg-150: #afd787; - $xterm-fg-151: #afd7af; - $xterm-fg-152: #afd7d7; - $xterm-fg-153: #afd7ff; - $xterm-fg-154: #afff00; - $xterm-fg-155: #afff5f; - $xterm-fg-156: #afff87; - $xterm-fg-157: #afffaf; - $xterm-fg-158: #afffd7; - $xterm-fg-159: #afffff; - $xterm-fg-160: #d70000; - $xterm-fg-161: #d7005f; - $xterm-fg-162: #d70087; - $xterm-fg-163: #d700af; - $xterm-fg-164: #d700d7; - $xterm-fg-165: #d700ff; - $xterm-fg-166: #d75f00; - $xterm-fg-167: #d75f5f; - $xterm-fg-168: #d75f87; - $xterm-fg-169: #d75faf; - $xterm-fg-170: #d75fd7; - $xterm-fg-171: #d75fff; - $xterm-fg-172: #d78700; - $xterm-fg-173: #d7875f; - $xterm-fg-174: #d78787; - $xterm-fg-175: #d787af; - $xterm-fg-176: #d787d7; - $xterm-fg-177: #d787ff; - $xterm-fg-178: #d7af00; - $xterm-fg-179: #d7af5f; - $xterm-fg-180: #d7af87; - $xterm-fg-181: #d7afaf; - $xterm-fg-182: #d7afd7; - $xterm-fg-183: #d7afff; - $xterm-fg-184: #d7d700; - $xterm-fg-185: #d7d75f; - $xterm-fg-186: #d7d787; - $xterm-fg-187: #d7d7af; - $xterm-fg-188: #d7d7d7; - $xterm-fg-189: #d7d7ff; - $xterm-fg-190: #d7ff00; - $xterm-fg-191: #d7ff5f; - $xterm-fg-192: #d7ff87; - $xterm-fg-193: #d7ffaf; - $xterm-fg-194: #d7ffd7; - $xterm-fg-195: #d7ffff; - $xterm-fg-196: #f00; - $xterm-fg-197: #ff005f; - $xterm-fg-198: #ff0087; - $xterm-fg-199: #ff00af; - $xterm-fg-200: #ff00d7; - $xterm-fg-201: #f0f; - $xterm-fg-202: #ff5f00; - $xterm-fg-203: #ff5f5f; - $xterm-fg-204: #ff5f87; - $xterm-fg-205: #ff5faf; - $xterm-fg-206: #ff5fd7; - $xterm-fg-207: #ff5fff; - $xterm-fg-208: #ff8700; - $xterm-fg-209: #ff875f; - $xterm-fg-210: #ff8787; - $xterm-fg-211: #ff87af; - $xterm-fg-212: #ff87d7; - $xterm-fg-213: #ff87ff; - $xterm-fg-214: #ffaf00; - $xterm-fg-215: #ffaf5f; - $xterm-fg-216: #ffaf87; - $xterm-fg-217: #ffafaf; - $xterm-fg-218: #ffafd7; - $xterm-fg-219: #ffafff; - $xterm-fg-220: #ffd700; - $xterm-fg-221: #ffd75f; - $xterm-fg-222: #ffd787; - $xterm-fg-223: #ffd7af; - $xterm-fg-224: #ffd7d7; - $xterm-fg-225: #ffd7ff; - $xterm-fg-226: #ff0; - $xterm-fg-227: #ffff5f; - $xterm-fg-228: #ffff87; - $xterm-fg-229: #ffffaf; - $xterm-fg-230: #ffffd7; - $xterm-fg-231: $white-light; - $xterm-fg-232: #080808; - $xterm-fg-233: #121212; - $xterm-fg-234: #1c1c1c; - $xterm-fg-235: #262626; - $xterm-fg-236: #303030; - $xterm-fg-237: #3a3a3a; - $xterm-fg-238: #444; - $xterm-fg-239: #4e4e4e; - $xterm-fg-240: #585858; - $xterm-fg-241: #626262; - $xterm-fg-242: #6c6c6c; - $xterm-fg-243: #767676; - $xterm-fg-244: #808080; - $xterm-fg-245: #8a8a8a; - $xterm-fg-246: #949494; - $xterm-fg-247: #9e9e9e; - $xterm-fg-248: #a8a8a8; - $xterm-fg-249: #b2b2b2; - $xterm-fg-250: #bcbcbc; - $xterm-fg-251: #c6c6c6; - $xterm-fg-252: #d0d0d0; - $xterm-fg-253: #dadada; - $xterm-fg-254: #e4e4e4; - $xterm-fg-255: #eee; - - .term-bold { - font-weight: $gl-font-weight-bold; - } - - .term-italic { - font-style: italic; - } - - .term-conceal { - visibility: hidden; - } - - .term-underline { - text-decoration: underline; - } - - .term-cross { - text-decoration: line-through; - } - - .term-fg-black { - color: $black; - } - - .term-fg-red { - color: $red; - } - - .term-fg-green { - color: $green; - } - - .term-fg-yellow { - color: $yellow; - } - - .term-fg-blue { - color: $blue; - } - - .term-fg-magenta { - color: $magenta; - } - - .term-fg-cyan { - color: $cyan; - } - - .term-fg-white { - color: $white; - } - - .term-fg-l-black { - color: $l-black; - } - - .term-fg-l-red { - color: $l-red; - } - - .term-fg-l-green { - color: $l-green; - } - - .term-fg-l-yellow { - color: $l-yellow; - } - - .term-fg-l-blue { - color: $l-blue; - } - - .term-fg-l-magenta { - color: $l-magenta; - } - - .term-fg-l-cyan { - color: $l-cyan; - } - - .term-fg-l-white { - color: $l-white; - } - - .term-bg-black { - background-color: $black; - } - - .term-bg-red { - background-color: $red; - } - - .term-bg-green { - background-color: $green; - } - - .term-bg-yellow { - background-color: $yellow; - } - - .term-bg-blue { - background-color: $blue; - } - - .term-bg-magenta { - background-color: $magenta; - } - - .term-bg-cyan { - background-color: $cyan; - } - - .term-bg-white { - background-color: $white; - } - - .term-bg-l-black { - background-color: $l-black; - } - - .term-bg-l-red { - background-color: $l-red; - } - - .term-bg-l-green { - background-color: $l-green; - } - - .term-bg-l-yellow { - background-color: $l-yellow; - } - - .term-bg-l-blue { - background-color: $l-blue; - } - - .term-bg-l-magenta { - background-color: $l-magenta; - } - - .term-bg-l-cyan { - background-color: $l-cyan; - } - - .term-bg-l-white { - background-color: $l-white; - } - - .xterm-fg-0 { - color: $xterm-fg-0; - } - - .xterm-fg-1 { - color: $xterm-fg-1; - } - - .xterm-fg-2 { - color: $xterm-fg-2; - } - - .xterm-fg-3 { - color: $xterm-fg-3; - } - - .xterm-fg-4 { - color: $xterm-fg-4; - } - - .xterm-fg-5 { - color: $xterm-fg-5; - } - - .xterm-fg-6 { - color: $xterm-fg-6; - } - - .xterm-fg-7 { - color: $xterm-fg-7; - } - - .xterm-fg-8 { - color: $xterm-fg-8; - } - - .xterm-fg-9 { - color: $xterm-fg-9; - } - - .xterm-fg-10 { - color: $xterm-fg-10; - } - - .xterm-fg-11 { - color: $xterm-fg-11; - } - - .xterm-fg-12 { - color: $xterm-fg-12; - } - - .xterm-fg-13 { - color: $xterm-fg-13; - } - - .xterm-fg-14 { - color: $xterm-fg-14; - } - - .xterm-fg-15 { - color: $white-light; - } - - .xterm-fg-16 { - color: $black; - } - - .xterm-fg-17 { - color: $xterm-fg-17; - } - - .xterm-fg-18 { - color: $xterm-fg-18; - } - - .xterm-fg-19 { - color: $xterm-fg-19; - } - - .xterm-fg-20 { - color: $xterm-fg-20; - } - - .xterm-fg-21 { - color: $xterm-fg-21; - } - - .xterm-fg-22 { - color: $xterm-fg-22; - } - - .xterm-fg-23 { - color: $xterm-fg-23; - } - - .xterm-fg-24 { - color: $xterm-fg-24; - } - - .xterm-fg-25 { - color: $xterm-fg-25; - } - - .xterm-fg-26 { - color: $xterm-fg-26; - } - - .xterm-fg-27 { - color: $xterm-fg-27; - } - - .xterm-fg-28 { - color: $xterm-fg-28; - } - - .xterm-fg-29 { - color: $xterm-fg-29; - } - - .xterm-fg-30 { - color: $xterm-fg-30; - } - - .xterm-fg-31 { - color: $xterm-fg-31; - } - - .xterm-fg-32 { - color: $xterm-fg-32; - } - - .xterm-fg-33 { - color: $xterm-fg-33; - } - - .xterm-fg-34 { - color: $xterm-fg-34; - } - - .xterm-fg-35 { - color: $xterm-fg-35; - } - - .xterm-fg-36 { - color: $xterm-fg-36; - } - - .xterm-fg-37 { - color: $xterm-fg-37; - } - - .xterm-fg-38 { - color: $xterm-fg-38; - } - - .xterm-fg-39 { - color: $xterm-fg-39; - } - - .xterm-fg-40 { - color: $xterm-fg-40; - } - - .xterm-fg-41 { - color: $xterm-fg-41; - } - - .xterm-fg-42 { - color: $xterm-fg-42; - } - - .xterm-fg-43 { - color: $xterm-fg-43; - } - - .xterm-fg-44 { - color: $xterm-fg-44; - } - - .xterm-fg-45 { - color: $xterm-fg-45; - } - - .xterm-fg-46 { - color: $xterm-fg-46; - } - - .xterm-fg-47 { - color: $xterm-fg-47; - } - - .xterm-fg-48 { - color: $xterm-fg-48; - } - - .xterm-fg-49 { - color: $xterm-fg-49; - } - - .xterm-fg-50 { - color: $xterm-fg-50; - } - - .xterm-fg-51 { - color: $xterm-fg-51; - } - - .xterm-fg-52 { - color: $xterm-fg-52; - } - - .xterm-fg-53 { - color: $xterm-fg-53; - } - - .xterm-fg-54 { - color: $xterm-fg-54; - } - - .xterm-fg-55 { - color: $xterm-fg-55; - } - - .xterm-fg-56 { - color: $xterm-fg-56; - } - - .xterm-fg-57 { - color: $xterm-fg-57; - } - - .xterm-fg-58 { - color: $xterm-fg-58; - } - - .xterm-fg-59 { - color: $xterm-fg-59; - } - - .xterm-fg-60 { - color: $xterm-fg-60; - } - - .xterm-fg-61 { - color: $xterm-fg-61; - } - - .xterm-fg-62 { - color: $xterm-fg-62; - } - - .xterm-fg-63 { - color: $xterm-fg-63; - } - - .xterm-fg-64 { - color: $xterm-fg-64; - } - - .xterm-fg-65 { - color: $xterm-fg-65; - } - - .xterm-fg-66 { - color: $xterm-fg-66; - } - - .xterm-fg-67 { - color: $xterm-fg-67; - } - - .xterm-fg-68 { - color: $xterm-fg-68; - } - - .xterm-fg-69 { - color: $xterm-fg-69; - } - - .xterm-fg-70 { - color: $xterm-fg-70; - } - - .xterm-fg-71 { - color: $xterm-fg-71; - } - - .xterm-fg-72 { - color: $xterm-fg-72; - } - - .xterm-fg-73 { - color: $xterm-fg-73; - } - - .xterm-fg-74 { - color: $xterm-fg-74; - } - - .xterm-fg-75 { - color: $xterm-fg-75; - } - - .xterm-fg-76 { - color: $xterm-fg-76; - } - - .xterm-fg-77 { - color: $xterm-fg-77; - } - - .xterm-fg-78 { - color: $xterm-fg-78; - } - - .xterm-fg-79 { - color: $xterm-fg-79; - } - - .xterm-fg-80 { - color: $xterm-fg-80; - } - - .xterm-fg-81 { - color: $xterm-fg-81; - } - - .xterm-fg-82 { - color: $xterm-fg-82; - } - - .xterm-fg-83 { - color: $xterm-fg-83; - } - - .xterm-fg-84 { - color: $xterm-fg-84; - } - - .xterm-fg-85 { - color: $xterm-fg-85; - } - - .xterm-fg-86 { - color: $xterm-fg-86; - } - - .xterm-fg-87 { - color: $xterm-fg-87; - } - - .xterm-fg-88 { - color: $xterm-fg-88; - } - - .xterm-fg-89 { - color: $xterm-fg-89; - } - - .xterm-fg-90 { - color: $xterm-fg-90; - } - - .xterm-fg-91 { - color: $xterm-fg-91; - } - - .xterm-fg-92 { - color: $xterm-fg-92; - } - - .xterm-fg-93 { - color: $xterm-fg-93; - } - - .xterm-fg-94 { - color: $xterm-fg-94; - } - - .xterm-fg-95 { - color: $xterm-fg-95; - } - - .xterm-fg-96 { - color: $xterm-fg-96; - } - - .xterm-fg-97 { - color: $xterm-fg-97; - } - - .xterm-fg-98 { - color: $xterm-fg-98; - } - - .xterm-fg-99 { - color: $xterm-fg-99; - } - - .xterm-fg-100 { - color: $xterm-fg-100; - } - - .xterm-fg-101 { - color: $xterm-fg-101; - } - - .xterm-fg-102 { - color: $xterm-fg-102; - } - - .xterm-fg-103 { - color: $xterm-fg-103; - } - - .xterm-fg-104 { - color: $xterm-fg-104; - } - - .xterm-fg-105 { - color: $xterm-fg-105; - } - - .xterm-fg-106 { - color: $xterm-fg-106; - } - - .xterm-fg-107 { - color: $xterm-fg-107; - } - - .xterm-fg-108 { - color: $xterm-fg-108; - } - - .xterm-fg-109 { - color: $xterm-fg-109; - } - - .xterm-fg-110 { - color: $xterm-fg-110; - } - - .xterm-fg-111 { - color: $xterm-fg-111; - } - - .xterm-fg-112 { - color: $xterm-fg-112; - } - - .xterm-fg-113 { - color: $xterm-fg-113; - } - - .xterm-fg-114 { - color: $xterm-fg-114; - } - - .xterm-fg-115 { - color: $xterm-fg-115; - } - - .xterm-fg-116 { - color: $xterm-fg-116; - } - - .xterm-fg-117 { - color: $xterm-fg-117; - } - - .xterm-fg-118 { - color: $xterm-fg-118; - } - - .xterm-fg-119 { - color: $xterm-fg-119; - } - - .xterm-fg-120 { - color: $xterm-fg-120; - } - - .xterm-fg-121 { - color: $xterm-fg-121; - } - - .xterm-fg-122 { - color: $xterm-fg-122; - } - - .xterm-fg-123 { - color: $xterm-fg-123; - } - - .xterm-fg-124 { - color: $xterm-fg-124; - } - - .xterm-fg-125 { - color: $xterm-fg-125; - } - - .xterm-fg-126 { - color: $xterm-fg-126; - } - - .xterm-fg-127 { - color: $xterm-fg-127; - } - - .xterm-fg-128 { - color: $xterm-fg-128; - } - - .xterm-fg-129 { - color: $xterm-fg-129; - } - - .xterm-fg-130 { - color: $xterm-fg-130; - } - - .xterm-fg-131 { - color: $xterm-fg-131; - } - - .xterm-fg-132 { - color: $xterm-fg-132; - } - - .xterm-fg-133 { - color: $xterm-fg-133; - } - - .xterm-fg-134 { - color: $xterm-fg-134; - } - - .xterm-fg-135 { - color: $xterm-fg-135; - } - - .xterm-fg-136 { - color: $xterm-fg-136; - } - - .xterm-fg-137 { - color: $xterm-fg-137; - } - - .xterm-fg-138 { - color: $xterm-fg-138; - } - - .xterm-fg-139 { - color: $xterm-fg-139; - } - - .xterm-fg-140 { - color: $xterm-fg-140; - } - - .xterm-fg-141 { - color: $xterm-fg-141; - } - - .xterm-fg-142 { - color: $xterm-fg-142; - } - - .xterm-fg-143 { - color: $xterm-fg-143; - } - - .xterm-fg-144 { - color: $xterm-fg-144; - } - - .xterm-fg-145 { - color: $xterm-fg-145; - } - - .xterm-fg-146 { - color: $xterm-fg-146; - } - - .xterm-fg-147 { - color: $xterm-fg-147; - } - - .xterm-fg-148 { - color: $xterm-fg-148; - } - - .xterm-fg-149 { - color: $xterm-fg-149; - } - - .xterm-fg-150 { - color: $xterm-fg-150; - } - - .xterm-fg-151 { - color: $xterm-fg-151; - } - - .xterm-fg-152 { - color: $xterm-fg-152; - } - - .xterm-fg-153 { - color: $xterm-fg-153; - } - - .xterm-fg-154 { - color: $xterm-fg-154; - } - - .xterm-fg-155 { - color: $xterm-fg-155; - } - - .xterm-fg-156 { - color: $xterm-fg-156; - } - - .xterm-fg-157 { - color: $xterm-fg-157; - } - - .xterm-fg-158 { - color: $xterm-fg-158; - } - - .xterm-fg-159 { - color: $xterm-fg-159; - } - - .xterm-fg-160 { - color: $xterm-fg-160; - } - - .xterm-fg-161 { - color: $xterm-fg-161; - } - - .xterm-fg-162 { - color: $xterm-fg-162; - } - - .xterm-fg-163 { - color: $xterm-fg-163; - } - - .xterm-fg-164 { - color: $xterm-fg-164; - } - - .xterm-fg-165 { - color: $xterm-fg-165; - } - - .xterm-fg-166 { - color: $xterm-fg-166; - } - - .xterm-fg-167 { - color: $xterm-fg-167; - } - - .xterm-fg-168 { - color: $xterm-fg-168; - } - - .xterm-fg-169 { - color: $xterm-fg-169; - } - - .xterm-fg-170 { - color: $xterm-fg-170; - } - - .xterm-fg-171 { - color: $xterm-fg-171; - } - - .xterm-fg-172 { - color: $xterm-fg-172; - } - - .xterm-fg-173 { - color: $xterm-fg-173; - } - - .xterm-fg-174 { - color: $xterm-fg-174; - } - - .xterm-fg-175 { - color: $xterm-fg-175; - } - - .xterm-fg-176 { - color: $xterm-fg-176; - } - - .xterm-fg-177 { - color: $xterm-fg-177; - } - - .xterm-fg-178 { - color: $xterm-fg-178; - } - - .xterm-fg-179 { - color: $xterm-fg-179; - } - - .xterm-fg-180 { - color: $xterm-fg-180; - } - - .xterm-fg-181 { - color: $xterm-fg-181; - } - - .xterm-fg-182 { - color: $xterm-fg-182; - } - - .xterm-fg-183 { - color: $xterm-fg-183; - } - - .xterm-fg-184 { - color: $xterm-fg-184; - } - - .xterm-fg-185 { - color: $xterm-fg-185; - } - - .xterm-fg-186 { - color: $xterm-fg-186; - } - - .xterm-fg-187 { - color: $xterm-fg-187; - } - - .xterm-fg-188 { - color: $xterm-fg-188; - } - - .xterm-fg-189 { - color: $xterm-fg-189; - } - - .xterm-fg-190 { - color: $xterm-fg-190; - } - - .xterm-fg-191 { - color: $xterm-fg-191; - } - - .xterm-fg-192 { - color: $xterm-fg-192; - } - - .xterm-fg-193 { - color: $xterm-fg-193; - } - - .xterm-fg-194 { - color: $xterm-fg-194; - } - - .xterm-fg-195 { - color: $xterm-fg-195; - } - - .xterm-fg-196 { - color: $xterm-fg-196; - } - - .xterm-fg-197 { - color: $xterm-fg-197; - } - - .xterm-fg-198 { - color: $xterm-fg-198; - } - - .xterm-fg-199 { - color: $xterm-fg-199; - } - - .xterm-fg-200 { - color: $xterm-fg-200; - } - - .xterm-fg-201 { - color: $xterm-fg-201; - } - - .xterm-fg-202 { - color: $xterm-fg-202; - } - - .xterm-fg-203 { - color: $xterm-fg-203; - } - - .xterm-fg-204 { - color: $xterm-fg-204; - } - - .xterm-fg-205 { - color: $xterm-fg-205; - } - - .xterm-fg-206 { - color: $xterm-fg-206; - } - - .xterm-fg-207 { - color: $xterm-fg-207; - } - - .xterm-fg-208 { - color: $xterm-fg-208; - } - - .xterm-fg-209 { - color: $xterm-fg-209; - } - - .xterm-fg-210 { - color: $xterm-fg-210; - } - - .xterm-fg-211 { - color: $xterm-fg-211; - } - - .xterm-fg-212 { - color: $xterm-fg-212; - } - - .xterm-fg-213 { - color: $xterm-fg-213; - } - - .xterm-fg-214 { - color: $xterm-fg-214; - } - - .xterm-fg-215 { - color: $xterm-fg-215; - } - - .xterm-fg-216 { - color: $xterm-fg-216; - } - - .xterm-fg-217 { - color: $xterm-fg-217; - } - - .xterm-fg-218 { - color: $xterm-fg-218; - } - - .xterm-fg-219 { - color: $xterm-fg-219; - } - - .xterm-fg-220 { - color: $xterm-fg-220; - } - - .xterm-fg-221 { - color: $xterm-fg-221; - } - - .xterm-fg-222 { - color: $xterm-fg-222; - } - - .xterm-fg-223 { - color: $xterm-fg-223; - } - - .xterm-fg-224 { - color: $xterm-fg-224; - } - - .xterm-fg-225 { - color: $xterm-fg-225; - } - - .xterm-fg-226 { - color: $xterm-fg-226; - } - - .xterm-fg-227 { - color: $xterm-fg-227; - } - - .xterm-fg-228 { - color: $xterm-fg-228; - } - - .xterm-fg-229 { - color: $xterm-fg-229; - } - - .xterm-fg-230 { - color: $xterm-fg-230; - } - - .xterm-fg-231 { - color: $xterm-fg-231; - } - - .xterm-fg-232 { - color: $xterm-fg-232; - } - - .xterm-fg-233 { - color: $xterm-fg-233; - } - - .xterm-fg-234 { - color: $xterm-fg-234; - } - - .xterm-fg-235 { - color: $xterm-fg-235; - } - - .xterm-fg-236 { - color: $xterm-fg-236; - } - - .xterm-fg-237 { - color: $xterm-fg-237; - } - - .xterm-fg-238 { - color: $xterm-fg-238; - } - - .xterm-fg-239 { - color: $xterm-fg-239; - } - - .xterm-fg-240 { - color: $xterm-fg-240; - } - - .xterm-fg-241 { - color: $xterm-fg-241; - } - - .xterm-fg-242 { - color: $xterm-fg-242; - } - - .xterm-fg-243 { - color: $xterm-fg-243; - } - - .xterm-fg-244 { - color: $xterm-fg-244; - } - - .xterm-fg-245 { - color: $xterm-fg-245; - } - - .xterm-fg-246 { - color: $xterm-fg-246; - } - - .xterm-fg-247 { - color: $xterm-fg-247; - } - - .xterm-fg-248 { - color: $xterm-fg-248; - } - - .xterm-fg-249 { - color: $xterm-fg-249; - } - - .xterm-fg-250 { - color: $xterm-fg-250; - } - - .xterm-fg-251 { - color: $xterm-fg-251; - } - - .xterm-fg-252 { - color: $xterm-fg-252; - } - - .xterm-fg-253 { - color: $xterm-fg-253; - } - - .xterm-fg-254 { - color: $xterm-fg-254; - } - - .xterm-fg-255 { - color: $xterm-fg-255; - } -} |