Extract colors to easily resuable partial

This commit is contained in:
Joe Fiorini 2015-05-13 13:21:48 -04:00
parent af67ac6931
commit 692bd77e04
3 changed files with 32 additions and 33 deletions

View File

@ -0,0 +1,24 @@
@active-color: #EDF2F2; // #c6e5e5;
@black: #171717;
@blue: #1778c3; /* logo blue */
@blue-link: #1778c3;
@blue-dark: #2a6496; /* link hover */
@grey: #A9A9A9;
@grey-txt: #707070;
@info: #d9edf7; /* alert info background color */
@info-border: #bce8f1; /* alert info border color */
@info-color: #3a87ad;
@unreachable: #FF0000;
@changed: #FF9900; // Ansible Changed
@skipped: #00aaaa; // Ansible Skipped
@warning: #FF9900;
@well: #f5f5f5; /* well background color */
@well-border: #e3e3e3;
@white: #FFF;
@tip-background: #0088CC;
@tip-color: #fff;
@green: #60D66F;
@red: #ff5850;
@red-hover: #FA8C87;
@red-focus: #FF1105;

View File

@ -7,32 +7,6 @@
*
*/
@active-color: #EDF2F2; // #c6e5e5;
@black: #171717;
@blue: #1778c3; /* logo blue */
@blue-link: #1778c3;
@blue-dark: #2a6496; /* link hover */
@grey: #A9A9A9;
@grey-txt: #707070;
@info: #d9edf7; /* alert info background color */
@info-border: #bce8f1; /* alert info border color */
@info-color: #3a87ad;
@unreachable: #FF0000;
@changed: #FF9900; // Ansible Changed
@skipped: #00aaaa; // Ansible Skipped
@warning: #FF9900;
@well: #f5f5f5; /* well background color */
@well-border: #e3e3e3;
@white: #FFF;
@tip-background: #0088CC;
@tip-color: #fff;
@green: #60D66F;
@red: #ff5850;
@red-hover: #FA8C87;
@red-focus: #FF1105;
@font-face {
font-family: 'Open Sans';
font-style: normal;
@ -47,6 +21,7 @@
src: url(/static/fonts/OpenSans-Bold.ttf);
}
@import "../js/shared/branding/colors.less";
@import "main-layout.less";
@import "animations.less";
@import "jquery-ui-overrides.less";
@ -111,7 +86,7 @@ blockquote {
}
a {
color: @blue;
color: @blue-link;
text-decoration: none;
}
@ -165,7 +140,7 @@ a:focus {
/* Bring primary (blue) buttons in line with link colors */
.btn-primary {
background-color: @blue;
background-color: @blue-link;
}
.btn-primary:hover {
@ -184,7 +159,7 @@ a:focus {
cursor: pointer;
}
.dropdown .caret {
border-top-color: @blue;
border-top-color: @blue-link;
}
}
@ -1843,7 +1818,7 @@ tr td button i {
#sockets {
.section-title {
font-weight: bold;
color: @blue;
color: @blue-link;
margin-top: 30px;
}
#test-container .section-title {

View File

@ -17,7 +17,7 @@ table.ui-datepicker-calendar {
.ui-dialog-title {
font-size: 22px;
color: @blue;
color: @blue-link;
font-weight: bold;
line-height: normal;
}
@ -96,7 +96,7 @@ table.ui-datepicker-calendar {
a,
a:visited,
a:active {
color: @blue;
color: @blue-link;
text-decoration: none;
}
@ -153,4 +153,4 @@ table.ui-datepicker-calendar {
.ui-accordion .ui-accordion-header {
margin-top: 1px;
}
}