Merge branch 'remove-scss-variables-3' into 'master'
Remove more variable reassignments and unused styles See merge request gitlab-org/gitlab-ce!21262
This commit is contained in:
commit
d195ee8f81
|
@ -141,8 +141,8 @@
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
&.is-active {
|
&.is-active {
|
||||||
background-color: $row-hover;
|
background-color: $blue-50;
|
||||||
border-color: $row-hover-border;
|
border-color: $blue-200;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
||||||
|
|
|
@ -71,7 +71,7 @@ pre {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.card.card-body-pre {
|
&.card.card-body-pre {
|
||||||
border: 1px solid $well-pre-bg;
|
border: 1px solid $gray-darker;
|
||||||
background: $gray-light;
|
background: $gray-light;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
color: $well-pre-color;
|
color: $well-pre-color;
|
||||||
|
@ -233,7 +233,7 @@ li.note {
|
||||||
|
|
||||||
.error-message {
|
.error-message {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background: $error-bg;
|
background: $red-400;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: $white-light;
|
color: $white-light;
|
||||||
|
|
||||||
|
@ -244,11 +244,11 @@ li.note {
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning_message {
|
.warning_message {
|
||||||
border-left: 4px solid $warning-message-border;
|
border-left: 4px solid $orange-200;
|
||||||
color: $warning-message-color;
|
color: $orange-700;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
background: $warning-message-bg;
|
background: $orange-100;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
||||||
&.centered {
|
&.centered {
|
||||||
|
@ -348,15 +348,6 @@ img.emoji {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.profiler-results {
|
|
||||||
top: 73px !important;
|
|
||||||
|
|
||||||
.profiler-button,
|
|
||||||
.profiler-controls {
|
|
||||||
border-color: $profiler-border !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropzone .dz-preview .dz-progress {
|
.dropzone .dz-preview .dz-progress {
|
||||||
border-color: $border-color !important;
|
border-color: $border-color !important;
|
||||||
|
|
||||||
|
|
|
@ -112,7 +112,7 @@
|
||||||
|
|
||||||
&.image_file,
|
&.image_file,
|
||||||
&.video {
|
&.video {
|
||||||
background: $file-image-bg;
|
background: $gray-darker;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
|
|
||||||
|
@ -131,7 +131,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.blob-no-preview {
|
&.blob-no-preview {
|
||||||
background: $blob-bg;
|
background: $gray-darker;
|
||||||
text-shadow: 0 1px 2px $white-light;
|
text-shadow: 0 1px 2px $white-light;
|
||||||
padding: 100px 0;
|
padding: 100px 0;
|
||||||
}
|
}
|
||||||
|
@ -146,7 +146,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
border-bottom: 1px solid $blame-border;
|
border-bottom: 1px solid $gray-darker;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@ -211,7 +211,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.logs {
|
&.logs {
|
||||||
background: $logs-bg;
|
background: $gray-darker;
|
||||||
max-height: 700px;
|
max-height: 700px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
|
@ -233,7 +233,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $row-hover;
|
background: $blue-50;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -39,7 +39,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.status-box-expired {
|
&.status-box-expired {
|
||||||
background-color: $issue-status-expired;
|
background-color: $orange-500;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.status-box-upcoming {
|
&.status-box-upcoming {
|
||||||
|
|
|
@ -21,11 +21,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
color: $list-text-disabled-color;
|
color: $gl-text-color-tertiary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(.ui-sort-disabled):hover {
|
&:not(.ui-sort-disabled):hover {
|
||||||
background: $row-hover;
|
background: $blue-50;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.unstyled {
|
&.unstyled {
|
||||||
|
@ -35,12 +35,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.warning-row {
|
&.warning-row {
|
||||||
background-color: $list-warning-row-bg;
|
background-color: $orange-100;
|
||||||
border-color: $list-warning-row-border;
|
border-color: $orange-200;
|
||||||
color: $list-warning-row-color;
|
color: $orange-700;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $list-warning-row-bg;
|
background: $orange-100;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -73,7 +73,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.card-body-title {
|
.card.card-body-title {
|
||||||
font-size: $list-font-size;
|
font-size: $gl-font-size;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -109,8 +109,8 @@ ul.content-list {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
border-color: $white-normal;
|
border-color: $white-normal;
|
||||||
font-size: $list-font-size;
|
font-size: $gl-font-size;
|
||||||
color: $list-text-color;
|
color: $gl-text-color;
|
||||||
|
|
||||||
&.no-description {
|
&.no-description {
|
||||||
.title {
|
.title {
|
||||||
|
|
|
@ -50,7 +50,7 @@
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
border-bottom: 1px solid $list-border-light;
|
border-bottom: 1px solid $gray-darker;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $md-link-color;
|
color: $blue-600;
|
||||||
}
|
}
|
||||||
|
|
||||||
img:not(.emoji) {
|
img:not(.emoji) {
|
||||||
|
|
|
@ -203,21 +203,12 @@ $gl-header-color: #4c4e54;
|
||||||
/*
|
/*
|
||||||
* Lists
|
* Lists
|
||||||
*/
|
*/
|
||||||
$list-font-size: $gl-font-size;
|
|
||||||
$list-title-color: $gl-text-color;
|
|
||||||
$list-text-color: $gl-text-color;
|
|
||||||
$list-text-disabled-color: $gl-text-color-tertiary;
|
|
||||||
$list-border-light: #eee;
|
|
||||||
$list-border: rgba(0, 0, 0, 0.05);
|
$list-border: rgba(0, 0, 0, 0.05);
|
||||||
$list-text-height: 42px;
|
$list-text-height: 42px;
|
||||||
$list-warning-row-bg: $orange-100;
|
|
||||||
$list-warning-row-border: $orange-200;
|
|
||||||
$list-warning-row-color: $orange-700;
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Markdown
|
* Markdown
|
||||||
*/
|
*/
|
||||||
$md-link-color: $blue-600;
|
|
||||||
$md-area-border: #ddd;
|
$md-area-border: #ddd;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -249,8 +240,6 @@ $gl-bar-padding: 3px;
|
||||||
/*
|
/*
|
||||||
* Misc
|
* Misc
|
||||||
*/
|
*/
|
||||||
$row-hover: $blue-50;
|
|
||||||
$row-hover-border: $blue-200;
|
|
||||||
$progress-color: #c0392b;
|
$progress-color: #c0392b;
|
||||||
$header-height: 40px;
|
$header-height: 40px;
|
||||||
$ide-statusbar-height: 25px;
|
$ide-statusbar-height: 25px;
|
||||||
|
@ -258,19 +247,13 @@ $fixed-layout-width: 1280px;
|
||||||
$limited-layout-width: 990px;
|
$limited-layout-width: 990px;
|
||||||
$container-text-max-width: 540px;
|
$container-text-max-width: 540px;
|
||||||
$gl-avatar-size: 40px;
|
$gl-avatar-size: 40px;
|
||||||
$error-exclamation-point: $red-500;
|
|
||||||
$border-radius-default: 4px;
|
$border-radius-default: 4px;
|
||||||
$border-radius-small: 2px;
|
$border-radius-small: 2px;
|
||||||
$settings-icon-size: 18px;
|
$settings-icon-size: 18px;
|
||||||
$provider-btn-not-active-color: $blue-500;
|
|
||||||
$link-underline-blue: $blue-500;
|
|
||||||
$active-item-blue: $blue-500;
|
|
||||||
$layout-link-gray: #7e7c7c;
|
$layout-link-gray: #7e7c7c;
|
||||||
$btn-side-margin: 10px;
|
$btn-side-margin: 10px;
|
||||||
$btn-sm-side-margin: 7px;
|
$btn-sm-side-margin: 7px;
|
||||||
$btn-margin-5: 5px;
|
$btn-margin-5: 5px;
|
||||||
$issue-status-expired: $orange-500;
|
|
||||||
$issuable-sidebar-color: $gl-text-color-secondary;
|
|
||||||
$sidebar-block-hover-color: #ebebeb;
|
$sidebar-block-hover-color: #ebebeb;
|
||||||
$group-path-color: #999;
|
$group-path-color: #999;
|
||||||
$namespace-kind-color: #aaa;
|
$namespace-kind-color: #aaa;
|
||||||
|
@ -292,7 +275,6 @@ $breadcrumb-min-height: 48px;
|
||||||
* Common component specific colors
|
* Common component specific colors
|
||||||
*/
|
*/
|
||||||
$hint-color: #999;
|
$hint-color: #999;
|
||||||
$well-pre-bg: #eee;
|
|
||||||
$well-pre-color: #555;
|
$well-pre-color: #555;
|
||||||
$loading-color: #555;
|
$loading-color: #555;
|
||||||
$update-author-color: #999;
|
$update-author-color: #999;
|
||||||
|
@ -301,10 +283,6 @@ $user-mention-bg-hover: rgba($blue-500, 0.15);
|
||||||
$time-color: #999;
|
$time-color: #999;
|
||||||
$project-member-show-color: #aaa;
|
$project-member-show-color: #aaa;
|
||||||
$gl-promo-color: #aaa;
|
$gl-promo-color: #aaa;
|
||||||
$error-bg: $red-400;
|
|
||||||
$warning-message-bg: $orange-100;
|
|
||||||
$warning-message-border: $orange-200;
|
|
||||||
$warning-message-color: $orange-700;
|
|
||||||
$control-group-descr-color: #666;
|
$control-group-descr-color: #666;
|
||||||
$table-permission-x-bg: #d9edf7;
|
$table-permission-x-bg: #d9edf7;
|
||||||
$username-color: #666;
|
$username-color: #666;
|
||||||
|
@ -374,7 +352,7 @@ $dropdown-min-height: 40px;
|
||||||
$dropdown-max-height: 312px;
|
$dropdown-max-height: 312px;
|
||||||
$dropdown-vertical-offset: 4px;
|
$dropdown-vertical-offset: 4px;
|
||||||
$dropdown-link-color: #555;
|
$dropdown-link-color: #555;
|
||||||
$dropdown-link-hover-bg: $row-hover;
|
$dropdown-link-hover-bg: $blue-50;
|
||||||
$dropdown-empty-row-bg: rgba(#000, 0.04);
|
$dropdown-empty-row-bg: rgba(#000, 0.04);
|
||||||
$dropdown-border-color: $border-color;
|
$dropdown-border-color: $border-color;
|
||||||
$dropdown-shadow-color: rgba(#000, 0.1);
|
$dropdown-shadow-color: rgba(#000, 0.1);
|
||||||
|
@ -592,11 +570,7 @@ $events-body-border: #ddd;
|
||||||
/*
|
/*
|
||||||
* Files
|
* Files
|
||||||
*/
|
*/
|
||||||
$file-image-bg: #eee;
|
|
||||||
$blob-bg: #eee;
|
|
||||||
$blame-border: #eee;
|
|
||||||
$blame-line-numbers-border: #ddd;
|
$blame-line-numbers-border: #ddd;
|
||||||
$logs-bg: #eee;
|
|
||||||
$logs-li-color: #888;
|
$logs-li-color: #888;
|
||||||
$logs-p-color: #333;
|
$logs-p-color: #333;
|
||||||
|
|
||||||
|
@ -667,7 +641,6 @@ $login-devise-error-color: $red-700;
|
||||||
* Nav
|
* Nav
|
||||||
*/
|
*/
|
||||||
$nav-link-gray: #959494;
|
$nav-link-gray: #959494;
|
||||||
$nav-badge-bg: #eee;
|
|
||||||
$nav-toggle-gray: #666;
|
$nav-toggle-gray: #666;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
|
@ -288,7 +288,7 @@
|
||||||
|
|
||||||
&.is-active,
|
&.is-active,
|
||||||
&.is-active .board-card-assignee:hover a {
|
&.is-active .board-card-assignee:hover a {
|
||||||
background-color: $row-hover;
|
background-color: $blue-50;
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge {
|
.badge {
|
||||||
|
|
|
@ -165,7 +165,7 @@
|
||||||
border-right-color: transparent;
|
border-right-color: transparent;
|
||||||
border-top-color: $border-color;
|
border-top-color: $border-color;
|
||||||
border-bottom-color: $border-color;
|
border-bottom-color: $border-color;
|
||||||
box-shadow: inset 2px 0 0 0 $active-item-blue;
|
box-shadow: inset 2px 0 0 0 $blue-500;
|
||||||
|
|
||||||
.stage-name {
|
.stage-name {
|
||||||
font-weight: $gl-font-weight-bold;
|
font-weight: $gl-font-weight-bold;
|
||||||
|
|
|
@ -186,7 +186,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
background: $file-image-bg;
|
background: $gray-darker;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
|
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
font-size: $gl-font-size;
|
font-size: $gl-font-size;
|
||||||
padding: $gl-padding-top 0 $gl-padding-top 40px;
|
padding: $gl-padding-top 0 $gl-padding-top 40px;
|
||||||
border-bottom: 1px solid $white-normal;
|
border-bottom: 1px solid $white-normal;
|
||||||
color: $list-text-color;
|
color: $gl-text-color;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&.event-inline {
|
&.event-inline {
|
||||||
|
@ -58,7 +58,7 @@
|
||||||
.event-title {
|
.event-title {
|
||||||
@include str-truncated(calc(100% - 174px));
|
@include str-truncated(calc(100% - 174px));
|
||||||
font-weight: $gl-font-weight-bold;
|
font-weight: $gl-font-weight-bold;
|
||||||
color: $list-text-color;
|
color: $gl-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.event-body {
|
.event-body {
|
||||||
|
|
|
@ -385,8 +385,8 @@
|
||||||
padding: $gl-padding-top;
|
padding: $gl-padding-top;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: $row-hover-border;
|
border-color: $blue-200;
|
||||||
background-color: $row-hover;
|
background-color: $blue-50;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -423,10 +423,10 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
color: $issuable-sidebar-color;
|
color: $gl-text-color-secondary;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: $issuable-sidebar-color;
|
fill: $gl-text-color-secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:not(.disabled),
|
&:hover:not(.disabled),
|
||||||
|
@ -457,14 +457,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-counter:hover {
|
.avatar-counter:hover {
|
||||||
color: $issuable-sidebar-color;
|
color: $gl-text-color-secondary;
|
||||||
border-color: $issuable-sidebar-color;
|
border-color: $gl-text-color-secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-clipboard {
|
.btn-clipboard {
|
||||||
border: 0;
|
border: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: $issuable-sidebar-color;
|
color: $gl-text-color-secondary;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $gl-text-color;
|
color: $gl-text-color;
|
||||||
|
@ -821,7 +821,7 @@
|
||||||
svg {
|
svg {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
fill: $issuable-sidebar-color;
|
fill: $gl-text-color-secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover svg {
|
&:hover svg {
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
.account-btn-link,
|
.account-btn-link,
|
||||||
.profile-settings-sidebar a,
|
.profile-settings-sidebar a,
|
||||||
.settings-sidebar a {
|
.settings-sidebar a {
|
||||||
color: $md-link-color;
|
color: $blue-600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.private-tokens-reset div.reset-action:not(:first-child) {
|
.private-tokens-reset div.reset-action:not(:first-child) {
|
||||||
|
@ -137,7 +137,7 @@
|
||||||
|
|
||||||
.profile-settings-content {
|
.profile-settings-content {
|
||||||
a {
|
a {
|
||||||
color: $md-link-color;
|
color: $blue-600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -170,7 +170,7 @@
|
||||||
background-color: $gray-light;
|
background-color: $gray-light;
|
||||||
|
|
||||||
&.not-active {
|
&.not-active {
|
||||||
color: $provider-btn-not-active-color;
|
color: $blue-500;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -449,8 +449,8 @@
|
||||||
|
|
||||||
&:hover:not(.disabled),
|
&:hover:not(.disabled),
|
||||||
&.forked {
|
&.forked {
|
||||||
background-color: $row-hover;
|
background-color: $blue-50;
|
||||||
border-color: $row-hover-border;
|
border-color: $blue-200;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-container,
|
.avatar-container,
|
||||||
|
@ -894,7 +894,7 @@ pre.light-well {
|
||||||
|
|
||||||
.cannot-be-merged,
|
.cannot-be-merged,
|
||||||
.cannot-be-merged:hover {
|
.cannot-be-merged:hover {
|
||||||
color: $error-exclamation-point;
|
color: $red-500;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -113,9 +113,9 @@
|
||||||
.settings-message {
|
.settings-message {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
color: $warning-message-color;
|
color: $orange-700;
|
||||||
background-color: $warning-message-bg;
|
background-color: $orange-100;
|
||||||
border: 1px solid $warning-message-border;
|
border: 1px solid $orange-200;
|
||||||
border-radius: $border-radius-base;
|
border-radius: $border-radius-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -303,7 +303,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mirror-error-badge {
|
.mirror-error-badge {
|
||||||
background-color: $error-bg;
|
background-color: $red-400;
|
||||||
border-radius: $border-radius-default;
|
border-radius: $border-radius-default;
|
||||||
color: $white-light;
|
color: $white-light;
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,8 +12,8 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $row-hover;
|
background-color: $blue-50;
|
||||||
border-color: $row-hover-border;
|
border-color: $blue-200;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -22,7 +22,7 @@
|
||||||
border-bottom: 1px solid transparent;
|
border-bottom: 1px solid transparent;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: $row-hover-border;
|
border-color: $blue-200;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -111,9 +111,9 @@
|
||||||
|
|
||||||
&:hover:not(.tree-truncated-warning) {
|
&:hover:not(.tree-truncated-warning) {
|
||||||
td {
|
td {
|
||||||
background-color: $row-hover;
|
background-color: $blue-50;
|
||||||
border-top: 1px solid $row-hover-border;
|
border-top: 1px solid $blue-200;
|
||||||
border-bottom: 1px solid $row-hover-border;
|
border-bottom: 1px solid $blue-200;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -229,7 +229,7 @@
|
||||||
|
|
||||||
.upload-link {
|
.upload-link {
|
||||||
font-weight: $gl-font-weight-normal;
|
font-weight: $gl-font-weight-normal;
|
||||||
color: $md-link-color;
|
color: $blue-600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo-charts {
|
.repo-charts {
|
||||||
|
|
Loading…
Reference in New Issue