Skip to content

G
gitlab-ce
Commit b3481d3d authored by Clement Ho's avatar Clement Ho
Browse files
Options

Merge branch 'ee-scss-variables-2' into 'master' 

EE- Remove scss variables, part 2

See merge request gitlab-org/gitlab-ee!6887
parents 3ff95c3c e925d6e6
Hide whitespace changes
Inline Side-by-side
Showing with 76 additions and 85 deletions
app/assets/stylesheets/bootstrap_migration.scss
View file @ b3481d3d
......@@ -85,7 +85,7 @@ strong {
}
a {
color: $gl-link-color;
color: $blue-600;
}
hr {
......
app/assets/stylesheets/framework/buttons.scss
View file @ b3481d3d
......@@ -434,7 +434,7 @@
&:hover,
&:active,
&:focus {
color: $gl-link-color;
color: $blue-600;
text-decoration: none;
}
}
......@@ -445,7 +445,7 @@
&:hover,
&:active,
&:focus {
color: $gl-link-color;
color: $blue-600;
text-decoration: none;
}
}
......
app/assets/stylesheets/framework/common.scss
View file @ b3481d3d
......@@ -114,7 +114,7 @@ hr {
.item-title { font-weight: $gl-font-weight-bold; }
.author-link {
color: $gl-link-color;
color: $blue-600;
}
.author-link:hover {
......
app/assets/stylesheets/framework/files.scss
View file @ b3481d3d
......@@ -286,19 +286,19 @@ span.idiff {
.new-file {
a {
color: $gl-text-green;
color: $green-600;
}
}
.renamed-file {
a {
color: $gl-text-orange;
color: $orange-600;
}
}
.deleted-file {
a {
color: $gl-text-red;
color: $red-500;
}
}
......
app/assets/stylesheets/framework/flash.scss
View file @ b3481d3d
......@@ -16,10 +16,10 @@
color: $gl-text-color;
a {
color: $gl-link-color;
color: $blue-600;
&:hover {
color: $gl-link-hover-color;
color: $blue-800;
text-decoration: none;
}
}
......
app/assets/stylesheets/framework/forms.scss
View file @ b3481d3d
......@@ -170,7 +170,7 @@ label {
}
.form-control::-webkit-input-placeholder {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
.input-group {
......
app/assets/stylesheets/framework/markdown_area.scss
View file @ b3481d3d
......@@ -183,7 +183,7 @@
&:hover,
&:focus {
svg {
fill: $gl-link-color;
fill: $blue-600;
}
}
}
......
app/assets/stylesheets/framework/typography.scss
View file @ b3481d3d
......@@ -180,7 +180,7 @@
}
a > code {
color: $gl-link-color;
color: $blue-600;
}
dd {
......@@ -423,25 +423,25 @@ h4 {
input,
textarea {
&::-webkit-input-placeholder {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
// support firefox 19+ vendor prefix
&::-moz-placeholder {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
opacity: 1; // FF defaults to 0.54
}
// scss-lint:disable PseudoElement
// support Edge vendor prefix
&::-ms-input-placeholder {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
// scss-lint:disable PseudoElement
// support IE vendor prefix
&:-ms-input-placeholder {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
}
......
app/assets/stylesheets/framework/variables.scss
View file @ b3481d3d
......@@ -196,19 +196,10 @@ $gl-text-color-quaternary: #d6d6d6;
$gl-text-color-inverted: rgba(255, 255, 255, 1);
$gl-text-color-secondary-inverted: rgba(255, 255, 255, 0.85);
$gl-text-color-disabled: #919191;
$gl-text-green: $green-600;
$gl-text-green-hover: $green-700;
$gl-text-red: $red-500;
$gl-text-orange: $orange-600;
$gl-link-color: $blue-600;
$gl-link-hover-color: $blue-800;
$gl-grayish-blue: #7f8fa4;
$gl-gray: $gl-text-color;
$gl-gray-dark: #313236;
$gl-gray-light: #5c5c5c;
$gl-header-color: #4c4e54;
$gl-header-nav-hover-color: #434343;
$placeholder-text-color: $gl-text-color-tertiary;
/*
* Lists
......@@ -227,7 +218,7 @@ $list-warning-row-color: $orange-700;
/*
* Markdown
*/
$md-link-color: $gl-link-color;
$md-link-color: $blue-600;
$md-area-border: #ddd;
/*
......@@ -595,8 +586,8 @@ $commit-message-text-area-bg: rgba(0, 0, 0, 0);
$common-gray: $gl-text-color;
$common-gray-light: #bbb;
$common-gray-dark: #444;
$common-red: $gl-text-red;
$common-green: $gl-text-green;
$common-red: $red-500;
$common-green: $green-600;
/*
* Editor
......
app/assets/stylesheets/framework/zen.scss
View file @ b3481d3d
......@@ -44,7 +44,7 @@
color: $gl-text-color-secondary;
&:hover {
color: $gl-link-color;
color: $blue-600;
text-decoration: none;
}
}
......
app/assets/stylesheets/page_bundles/ide.scss
View file @ b3481d3d
......@@ -1158,7 +1158,7 @@ $ide-tree-text-start: $ide-activity-bar-width + $ide-tree-padding;
}
a {
color: $gl-link-color;
color: $blue-600;
}
}
......
app/assets/stylesheets/pages/boards.scss
View file @ b3481d3d
......@@ -262,7 +262,7 @@
outline: 0;
&:hover {
color: $gl-link-color;
color: $blue-600;
}
}
......
app/assets/stylesheets/pages/builds.scss
View file @ b3481d3d
......@@ -155,7 +155,7 @@
color: $gl-text-color;
&:hover {
color: $gl-link-color;
color: $blue-600;
text-decoration: none;
}
}
......
app/assets/stylesheets/pages/commits.scss
View file @ b3481d3d
......@@ -279,7 +279,7 @@
}
&.autodevops-link {
color: $gl-link-color;
color: $blue-600;
}
}
......@@ -321,7 +321,7 @@
}
.commit-sha {
color: $gl-link-color;
color: $blue-600;
}
.commit-row-message {
......
app/assets/stylesheets/pages/cycle_analytics.scss
View file @ b3481d3d
......@@ -360,7 +360,7 @@
}
.commit-sha {
color: $gl-link-color;
color: $blue-600;
line-height: 1.3;
vertical-align: top;
font-weight: $gl-font-weight-normal;
......
app/assets/stylesheets/pages/diff.scss
View file @ b3481d3d
......@@ -511,13 +511,13 @@
padding: 0;
background-color: transparent;
border: 0;
color: $gl-link-color;
color: $blue-600;
font-weight: $gl-font-weight-bold;
&:hover,
&:focus {
outline: none;
color: $gl-link-hover-color;
color: $blue-800;
}
.caret-icon {
......
app/assets/stylesheets/pages/environments.scss
View file @ b3481d3d
......@@ -639,10 +639,10 @@
.deploy-info-text-link {
font-family: $monospace-font;
fill: $gl-link-color;
fill: $blue-600;
&:hover {
fill: $gl-link-hover-color;
fill: $blue-800;
}
}
......
app/assets/stylesheets/pages/graph.scss
View file @ b3481d3d
......@@ -24,11 +24,11 @@
}
.graph-additions {
color: $gl-text-green;
color: $green-600;
}
.graph-deletions {
color: $gl-text-red;
color: $red-500;
}
}
......
app/assets/stylesheets/pages/issuable.scss
View file @ b3481d3d
......@@ -141,7 +141,7 @@
color: inherit;
&:hover {
color: $gl-link-hover-color;
color: $blue-800;
.avatar {
border-color: rgba($avatar-border, .2);
......@@ -250,7 +250,7 @@
&:hover {
text-decoration: underline;
color: $gl-link-hover-color;
color: $blue-800;
}
}
}
......@@ -341,8 +341,8 @@
color: $gl-text-color-secondary;
}
.btn-default-hover-link:hover {
color: $gl-link-color;
.btn-secondary-hover-link:hover {
color: $blue-600;
}
.sidebar-collapsed-icon {
......@@ -461,8 +461,8 @@
}
.todo-undone {
color: $gl-link-color;
fill: $gl-link-color;
color: $blue-600;
fill: $blue-600;
}
.author {
......
app/assets/stylesheets/pages/issues.scss
View file @ b3481d3d
......@@ -206,7 +206,7 @@ ul.related-merge-requests > li {
.issuable-email-modal-btn {
padding: 0;
color: $gl-link-color;
color: $blue-600;
background-color: transparent;
border: 0;
outline: 0;
......@@ -239,7 +239,7 @@ ul.related-merge-requests > li {
.create-mr-dropdown-wrap {
.ref::selection {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
.dropdown {
......@@ -328,7 +328,7 @@ ul.related-merge-requests > li {
color: $gl-text-color-secondary;
&[href] {
color: $gl-link-color;
color: $blue-600;
}
&:hover,
......@@ -352,7 +352,7 @@ ul.related-merge-requests > li {
.issue-token:hover &,
.issue-token-link:focus > & {
background-color: $gray-normal;
color: $gl-link-hover-color;
color: $blue-800;
text-decoration: none;
}
}
......
app/assets/stylesheets/pages/labels.scss
View file @ b3481d3d
......@@ -114,7 +114,7 @@
}
&:hover {
color: $gl-link-color;
color: $blue-600;
&.remove-row {
color: $gl-danger;
......@@ -343,10 +343,10 @@
&.remove-row {
&:hover {
color: $gl-text-red;
color: $red-500;
svg {
fill: $gl-text-red;
fill: $red-500;
}
}
}
......
app/assets/stylesheets/pages/milestone.scss
View file @ b3481d3d
......@@ -30,7 +30,7 @@
.milestone-progress {
a {
color: $gl-link-color;
color: $blue-600;
}
}
......
app/assets/stylesheets/pages/note_form.scss
View file @ b3481d3d
......@@ -306,7 +306,7 @@
&:hover,
&:focus {
color: $gl-link-color;
color: $blue-600;
outline: 0;
}
......@@ -424,7 +424,7 @@
.uploading-error-icon,
.uploading-error-message {
color: $gl-text-red;
color: $red-500;
}
.uploading-error-message {
......@@ -443,7 +443,7 @@
.attach-new-file,
.button-attach-file,
.retry-uploading-link {
color: $gl-link-color;
color: $blue-600;
padding: 0;
background: none;
border: 0;
......@@ -452,5 +452,5 @@
}
.markdown-selector {
color: $gl-link-color;
color: $blue-600;
}
app/assets/stylesheets/pages/notes.scss
View file @ b3481d3d
......@@ -210,7 +210,7 @@ ul.notes {
}
a {
color: $gl-link-color;
color: $blue-600;
}
p {
......@@ -253,14 +253,14 @@ ul.notes {
overflow: hidden;
.system-note-commit-list-toggler {
color: $gl-link-color;
color: $blue-600;
padding: 10px 0 0;
cursor: pointer;
position: relative;
z-index: 2;
&:hover {
color: $gl-link-color;
color: $blue-600;
text-decoration: underline;
}
}
......@@ -390,7 +390,7 @@ ul.notes {
color: inherit;
&:hover {
color: $gl-link-color;
color: $blue-600;
}
&:focus,
......@@ -451,7 +451,7 @@ ul.notes {
.discussion-headline-light {
a {
color: $gl-link-color;
color: $blue-600;
}
}
......@@ -560,12 +560,12 @@ ul.notes {
&:hover,
&.is-active {
.danger-highlight {
color: $gl-text-red;
color: $red-500;
}
.link-highlight {
color: $gl-link-color;
fill: $gl-link-color;
color: $blue-600;
fill: $blue-600;
}
.award-control-icon-neutral {
......@@ -597,13 +597,13 @@ ul.notes {
transition: color 0.1s linear;
&:hover {
color: $gl-link-color;
color: $blue-600;
}
&:focus {
text-decoration: underline;
outline: none;
color: $gl-link-color;
color: $blue-600;
}
.fa {
......@@ -673,7 +673,7 @@ ul.notes {
}
a {
color: $gl-link-color;
color: $blue-600;
}
}
......@@ -759,16 +759,16 @@ ul.notes {
&:not(.is-disabled) {
&:hover,
&:focus {
color: $gl-text-green;
color: $green-600;
}
}
&.is-active {
color: $gl-text-green;
color: $green-600;
&:hover,
&:focus {
color: $gl-text-green-hover;
color: $green-700;
}
}
......
app/assets/stylesheets/pages/pipelines.scss
View file @ b3481d3d
......@@ -175,7 +175,7 @@
}
.commit-sha {
color: $gl-link-color;
color: $blue-600;
}
.badge {
......
app/assets/stylesheets/pages/projects.scss
View file @ b3481d3d
......@@ -388,7 +388,7 @@
line-height: $gl-btn-line-height;
&:hover {
color: $gl-link-color;
color: $blue-600;
}
}
}
......@@ -962,7 +962,7 @@ pre.light-well {
margin-left: 5px;
&.is-done {
color: $gl-text-green;
color: $green-600;
}
}
......
app/assets/stylesheets/pages/search.scss
View file @ b3481d3d
......@@ -259,6 +259,6 @@ input[type='checkbox']:hover {
&:hover,
&:focus {
color: $gl-link-color;
color: $blue-600;
}
}
ee/app/assets/stylesheets/pages/geo_nodes.scss
View file @ b3481d3d
......@@ -181,7 +181,7 @@
.card-header {
.header-text-primary,
.header-text-secondary {
color: $gl-link-color;
color: $blue-600;
}
.header-text-primary {
......@@ -219,11 +219,11 @@
.project-status-content {
&.status-type-success {
color: $gl-text-green;
color: $green-600;
}
&.status-type-failure {
color: $gl-text-red;
color: $red-500;
}
}
......@@ -241,7 +241,7 @@
.error-icon,
.error-text {
color: $gl-text-red;
color: $red-500;
}
.error-text {
......
ee/app/assets/stylesheets/pages/promotions.scss
View file @ b3481d3d
......@@ -130,13 +130,13 @@
.right-sidebar & .btn-link {
display: inline;
color: $gl-link-color;
color: $blue-600;
background-color: transparent;
padding: 0;
&:hover {
background-color: transparent;
color: $gl-link-hover-color;
color: $blue-800;
}
}
}
......@@ -164,12 +164,12 @@
.btn-link {
display: inline;
color: $gl-link-color;
color: $blue-600;
padding: 0;
&:hover {
background-color: transparent;
color: $gl-link-hover-color;
color: $blue-800;
}
}
}
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
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7