Merge branch 'fix_css_lint' into 'master'

Fix css lint

I merged [CE->EE](https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/953) with [failing css lint](https://gitlab.com/gitlab-org/gitlab-ee/builds/7216539), this is a fix.
It was caused by https://gitlab.com/gitlab-org/gitlab-ee/commit/d6d22a5dbd2ee04b59b2a80b3b6228575c3ea3ec on CE side.

@iamphill Please take a look if fixes are OK. If no, please send a separate MR to fix it.

See merge request !956

app/assets/stylesheets/framework/selects.scss

@@ -231,7 +231,7 @@
   }
 
   .project-path {
-    color: #999;
+    color: $project-path-color;
   }
 }
 

app/assets/stylesheets/framework/variables.scss

@@ -187,6 +187,7 @@ $show-aside-bg: #eee;
 $show-aside-color: #777;
 $show-aside-shadow: #ddd;
 $group-path-color: #999;
+$project-path-color: #999;
 $namespace-kind-color: #aaa;
 $panel-heading-link-color: #777;
 $graph-author-email-color: #777;
@@ -195,6 +196,7 @@ $save-project-loader-color: #555;
 $divergence-graph-bar-bg: #ccc;
 $divergence-graph-separator-bg: #ccc;
 $issue-box-upcoming-bg: #8f8f8f;
+$pages-group-name-color: #4c4e54;
 
 /*
 * Common component specific colors

app/assets/stylesheets/pages/groups.scss

@@ -11,7 +11,7 @@
 
 .content-list .group-name {
   font-weight: 600;
-  color: #4c4e54;
+  color: $pages-group-name-color;
 }
 
 .group-row {

app/assets/stylesheets/pages/projects.scss

@@ -756,7 +756,7 @@ a.allowed-to-push {
 .protected-branch-push-access-list,
 .protected-branch-merge-access-list {
   a {
-    color: #fff;
+    color: $white-light;
   }
 }