SCSS colors into variables

This commit is contained in:
Phil Hughes 2016-04-04 11:00:29 +01:00
parent f62d7d261b
commit 51df93607f
5 changed files with 31 additions and 26 deletions

View file

@ -217,3 +217,9 @@ $notes-light-color: #8e8e8e;
$notes-action-color: #c3c3c3;
$notes-role-color: #8e8e8e;
$notes-role-border-color: #e4e4e4;
$note-disabled-comment-color: #b2b2b2;
$note-form-border-color: #e5e5e5;
$note-toolbar-color: #959494;
$zen-control-hover-color: #111;

View file

@ -40,7 +40,7 @@
}
.zen-control-full {
color: #959494;
color: $note-toolbar-color;
&:hover {
color: $gl-link-color;
@ -57,6 +57,6 @@
font-size: 36px;
&:hover {
color: #111;
color: $zen-control-hover-color;
}
}

View file

@ -195,24 +195,6 @@
line-height: 31px;
}
.disabled-comment {
margin-left: -$gl-padding-top;
margin-right: -$gl-padding-top;
background-color: $gray-light;
border-radius: $border-radius-base;
border: 1px solid $border-gray-normal;
color: #b2b2b2;
line-height: 200px;
.disabled-comment-text {
line-height: normal;
}
a {
color: $gl-link-color;
}
}
.builds {
.table-holder {
overflow-x: scroll;

View file

@ -58,17 +58,17 @@
.common-note-form {
.md-area {
padding: $gl-padding-top $gl-padding;
border: 1px solid #e5e5e5;
border: 1px solid $note-form-border-color;
border-radius: $border-radius-base;
&.is-focused {
border-color: #3b99fc;
border-color: $focus-border-color;
box-shadow: 0 0 2px rgba(#000, .2),
0 0 4px rgba(#3b99fc, .5);
0 0 4px rgba($focus-border-color, .4);
.comment-toolbar,
.nav-links {
border-color: #3b99fc;
border-color: $focus-border-color;
}
}
}
@ -139,6 +139,7 @@
.comment-toolbar {
padding-top: $gl-padding-top;
color: $note-toolbar-color;
border-top: 1px solid $border-color;
}
@ -146,7 +147,6 @@
padding: 0;
background: none;
border: 0;
color: #959494;
font-size: 14px;
line-height: 16px;
@ -176,7 +176,6 @@
}
.toolbar-text {
color: #959494;
font-size: 14px;
line-height: 16px;

View file

@ -287,3 +287,21 @@ ul.notes {
}
}
}
.disabled-comment {
margin-left: -$gl-padding-top;
margin-right: -$gl-padding-top;
background-color: $gray-light;
border-radius: $border-radius-base;
border: 1px solid $border-gray-normal;
color: $note-disabled-comment-color;
line-height: 200px;
.disabled-comment-text {
line-height: normal;
}
a {
color: $gl-link-color;
}
}