Move component/incident color lookups into actual CSS.

This commit is contained in:
James Brooks
2014-11-25 09:16:00 +00:00
parent 7dd54010a2
commit 8736db957c
10 changed files with 62 additions and 83 deletions

View File

@@ -13,18 +13,22 @@ h1 {
margin-bottom: 20px;
}
.text-success {
.text-success, .text-component-1 {
color: #4cae4c;
}
.text-danger {
color: #D91E18;
.text-info, .text-component-2 {
color: #46b8da;
}
.text-alert {
.text-alert, .text-component-3 {
color: #F9BF3B;
}
.text-danger, .text-component-4 {
color: #D91E18;
}
.container {
max-width: 960px;
}
@@ -61,20 +65,17 @@ h1 {
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px;
&.badge-success {
background-color: #4cae4c;
}
&.badge-info {
background-color: #46b8da;
}
&.badge-warning {
&.badge-incident-1 {
background-color: #F27935;
}
&.badge-alert {
&.badge-incident-2 {
background-color: #F9BF3B;
}
&.badge-danger {
background-color: #CF000F;
&.badge-incident-3 {
background-color: #46b8da;
}
&.badge-incident-4 {
background-color: #4cae4c;
}
}
@@ -118,7 +119,7 @@ h1 {
time {
color: #6C7A89;
// letter-spacing: 0.02em;
font-weight: 600;
font-weight: 300;
font-size: 1.1em;
}

View File

@@ -10,15 +10,18 @@ hr {
h1 {
margin-bottom: 20px; }
.text-success {
.text-success, .text-component-1 {
color: #4cae4c; }
.text-danger {
color: #D91E18; }
.text-info, .text-component-2 {
color: #46b8da; }
.text-alert {
.text-alert, .text-component-3 {
color: #F9BF3B; }
.text-danger, .text-component-4 {
color: #D91E18; }
.container {
max-width: 960px; }
@@ -47,16 +50,14 @@ h1 {
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px; }
.badge.badge-success {
background-color: #4cae4c; }
.badge.badge-info {
background-color: #46b8da; }
.badge.badge-warning {
.badge.badge-incident-1 {
background-color: #F27935; }
.badge.badge-alert {
.badge.badge-incident-2 {
background-color: #F9BF3B; }
.badge.badge-danger {
background-color: #CF000F; }
.badge.badge-incident-3 {
background-color: #46b8da; }
.badge.badge-incident-4 {
background-color: #4cae4c; }
.list-group {
margin-bottom: 20px;
@@ -85,7 +86,7 @@ h1 {
line-height: 1.3em; }
.list-group .list-group-item time {
color: #6C7A89;
font-weight: 600;
font-weight: 300;
font-size: 1.1em; }
.list-group .list-group-item.active {
background-color: #F2F1EF; }

View File

@@ -10,15 +10,18 @@ hr {
h1 {
margin-bottom: 20px; }
.text-success {
.text-success, .text-component-1 {
color: #4cae4c; }
.text-danger {
color: #D91E18; }
.text-info, .text-component-2 {
color: #46b8da; }
.text-alert {
.text-alert, .text-component-3 {
color: #F9BF3B; }
.text-danger, .text-component-4 {
color: #D91E18; }
.container {
max-width: 960px; }
@@ -47,16 +50,14 @@ h1 {
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px; }
.badge.badge-success {
background-color: #4cae4c; }
.badge.badge-info {
background-color: #46b8da; }
.badge.badge-warning {
.badge.badge-incident-1 {
background-color: #F27935; }
.badge.badge-alert {
.badge.badge-incident-2 {
background-color: #F9BF3B; }
.badge.badge-danger {
background-color: #CF000F; }
.badge.badge-incident-3 {
background-color: #46b8da; }
.badge.badge-incident-4 {
background-color: #4cae4c; }
.list-group {
margin-bottom: 20px;
@@ -85,7 +86,7 @@ h1 {
line-height: 1.3em; }
.list-group .list-group-item time {
color: #6C7A89;
font-weight: 600;
font-weight: 300;
font-size: 1.1em; }
.list-group .list-group-item.active {
background-color: #F2F1EF; }

View File

@@ -1,3 +1,3 @@
{
"css/application.css": "css/application-52640275.css"
"css/application.css": "css/application-4c5cd8a5.css"
}

View File

@@ -10,15 +10,18 @@ hr {
h1 {
margin-bottom: 20px; }
.text-success {
.text-success, .text-component-1 {
color: #4cae4c; }
.text-danger {
color: #D91E18; }
.text-info, .text-component-2 {
color: #46b8da; }
.text-alert {
.text-alert, .text-component-3 {
color: #F9BF3B; }
.text-danger, .text-component-4 {
color: #D91E18; }
.container {
max-width: 960px; }
@@ -47,16 +50,14 @@ h1 {
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px; }
.badge.badge-success {
background-color: #4cae4c; }
.badge.badge-info {
background-color: #46b8da; }
.badge.badge-warning {
.badge.badge-incident-1 {
background-color: #F27935; }
.badge.badge-alert {
.badge.badge-incident-2 {
background-color: #F9BF3B; }
.badge.badge-danger {
background-color: #CF000F; }
.badge.badge-incident-3 {
background-color: #46b8da; }
.badge.badge-incident-4 {
background-color: #4cae4c; }
.list-group {
margin-bottom: 20px;
@@ -85,7 +86,7 @@ h1 {
line-height: 1.3em; }
.list-group .list-group-item time {
color: #6C7A89;
font-weight: 600;
font-weight: 300;
font-size: 1.1em; }
.list-group .list-group-item.active {
background-color: #F2F1EF; }