Commit 65827c42 authored by Annabel Gray's avatar Annabel Gray Committed by Clement Ho

Remove scss variables, part 2

parent e610b41e
......@@ -85,7 +85,7 @@ strong {
}
a {
color: $gl-link-color;
color: $blue-600;
}
hr {
......
......@@ -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;
}
}
......
......@@ -114,7 +114,7 @@ hr {
.item-title { font-weight: $gl-font-weight-bold; }
.author-link {
color: $gl-link-color;
color: $blue-600;
}
.back-link {
......
......@@ -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;
}
}
......
......@@ -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;
}
}
......
......@@ -170,7 +170,7 @@ label {
}
.form-control::-webkit-input-placeholder {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
.input-group {
......
......@@ -179,7 +179,7 @@
&:hover,
&:focus {
svg {
fill: $gl-link-color;
fill: $blue-600;
}
}
}
......
......@@ -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;
}
}
......
......@@ -195,19 +195,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
......@@ -226,7 +217,7 @@ $list-warning-row-color: $orange-700;
/*
* Markdown
*/
$md-link-color: $gl-link-color;
$md-link-color: $blue-600;
$md-area-border: #ddd;
/*
......@@ -583,8 +574,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
......
......@@ -44,7 +44,7 @@
color: $gl-text-color-secondary;
&:hover {
color: $gl-link-color;
color: $blue-600;
text-decoration: none;
}
}
......
......@@ -1158,7 +1158,7 @@ $ide-tree-text-start: $ide-activity-bar-width + $ide-tree-padding;
}
a {
color: $gl-link-color;
color: $blue-600;
}
}
......
......@@ -225,7 +225,7 @@
outline: 0;
&:hover {
color: $gl-link-color;
color: $blue-600;
}
}
......
......@@ -221,7 +221,7 @@
color: $gl-text-color;
&:hover {
color: $gl-link-color;
color: $blue-600;
text-decoration: none;
}
}
......
......@@ -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 {
......
......@@ -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;
......
......@@ -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 {
......
......@@ -479,10 +479,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;
}
}
......
......@@ -24,11 +24,11 @@
}
.graph-additions {
color: $gl-text-green;
color: $green-600;
}
.graph-deletions {
color: $gl-text-red;
color: $red-500;
}
}
......
......@@ -141,7 +141,7 @@
color: inherit;
&:hover {
color: $gl-link-hover-color;
color: $blue-800;
.avatar {
border-color: rgba($avatar-border, .2);
......@@ -241,7 +241,7 @@
&:hover {
text-decoration: underline;
color: $gl-link-hover-color;
color: $blue-800;
}
}
}
......@@ -329,7 +329,7 @@
}
.btn-secondary-hover-link:hover {
color: $gl-link-color;
color: $blue-600;
}
.sidebar-collapsed-icon {
......@@ -448,8 +448,8 @@
}
.todo-undone {
color: $gl-link-color;
fill: $gl-link-color;
color: $blue-600;
fill: $blue-600;
}
.author {
......
......@@ -157,7 +157,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;
......@@ -190,7 +190,7 @@ ul.related-merge-requests > li {
.create-mr-dropdown-wrap {
.ref::selection {
color: $placeholder-text-color;
color: $gl-text-color-tertiary;
}
.dropdown {
......
......@@ -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;
}
}
}
......
......@@ -30,7 +30,7 @@
.milestone-progress {
a {
color: $gl-link-color;
color: $blue-600;
}
}
......
......@@ -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;
}
......@@ -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;
}
}
......
......@@ -175,7 +175,7 @@
}
.commit-sha {
color: $gl-link-color;
color: $blue-600;
}
.badge {
......
......@@ -388,7 +388,7 @@
line-height: $gl-btn-line-height;
&:hover {
color: $gl-link-color;
color: $blue-600;
}
}
}
......@@ -961,7 +961,7 @@ pre.light-well {
margin-left: 5px;
&.is-done {
color: $gl-text-green;
color: $green-600;
}
}
......
......@@ -259,6 +259,6 @@ input[type='checkbox']:hover {
&:hover,
&:focus {
color: $gl-link-color;
color: $blue-600;
}
}
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