Commit d195ee8f authored by Clement Ho's avatar Clement Ho

Merge branch 'remove-scss-variables-3' into 'master'

Remove more variable reassignments and unused styles

See merge request gitlab-org/gitlab-ce!21262
parents 11983373 d57b92b2
...@@ -141,8 +141,8 @@ ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -233,7 +233,7 @@
} }
&:hover { &:hover {
background: $row-hover; background: $blue-50;
} }
} }
} }
......
...@@ -39,7 +39,7 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 { ...@@ -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 @@ ...@@ -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 @@ ...@@ -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; ...@@ -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; ...@@ -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; ...@@ -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; ...@@ -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); ...@@ -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; ...@@ -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; ...@@ -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; ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -137,7 +137,7 @@
.profile-settings-content { .profile-settings-content {
a { a {
color: $md-link-color; color: $blue-600;
} }
} }
...@@ -170,7 +170,7 @@ ...@@ -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 @@ ...@@ -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 { ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment