Aligned the position colours on the ballot pop-over with the ballot grid colours.

- Legacy-Id: 9469
This commit is contained in:
Henrik Levkowetz 2015-04-12 21:10:23 +00:00
parent 576e29e4e6
commit ca7263dbae
7 changed files with 92 additions and 2 deletions

View file

@ -3178,6 +3178,51 @@ fieldset[disabled] .btn-success.active {
color: #3abf03;
background-color: #fff;
}
.btn-pass {
color: #fff;
background-color: #76dc4c;
border-color: #66d837;
}
.btn-pass:hover,
.btn-pass:focus,
.btn-pass.focus,
.btn-pass:active,
.btn-pass.active,
.open > .dropdown-toggle.btn-pass {
color: #fff;
background-color: #58cd28;
border-color: #4caf22;
}
.btn-pass:active,
.btn-pass.active,
.open > .dropdown-toggle.btn-pass {
background-image: none;
}
.btn-pass.disabled,
.btn-pass[disabled],
fieldset[disabled] .btn-pass,
.btn-pass.disabled:hover,
.btn-pass[disabled]:hover,
fieldset[disabled] .btn-pass:hover,
.btn-pass.disabled:focus,
.btn-pass[disabled]:focus,
fieldset[disabled] .btn-pass:focus,
.btn-pass.disabled.focus,
.btn-pass[disabled].focus,
fieldset[disabled] .btn-pass.focus,
.btn-pass.disabled:active,
.btn-pass[disabled]:active,
fieldset[disabled] .btn-pass:active,
.btn-pass.disabled.active,
.btn-pass[disabled].active,
fieldset[disabled] .btn-pass.active {
background-color: #76dc4c;
border-color: #66d837;
}
.btn-pass .badge {
color: #76dc4c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #f6d73c;
@ -4791,6 +4836,13 @@ a.label:focus {
.label-success[href]:focus {
background-color: #2b8d02;
}
.label-pass {
background-color: #76dc4c;
}
.label-pass[href]:hover,
.label-pass[href]:focus {
background-color: #58cd28;
}
.label-info {
background-color: #f0c905;
}
@ -5592,6 +5644,24 @@ a.list-group-item-danger.active:focus {
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #b6ef85;
}
.panel-pass {
border-color: #76dc4c;
}
.panel-pass > .panel-heading {
color: #000;
background-color: #b5f29c;
border-color: #76dc4c;
}
.panel-pass > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #76dc4c;
}
.panel-pass > .panel-heading .badge {
color: #b5f29c;
background-color: #000;
}
.panel-pass > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #76dc4c;
}
.panel-info {
border-color: #fbe4b6;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -67,6 +67,9 @@
.btn-success {
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
}
.btn-pass {
.button-variant(@btn-pass-color; @btn-pass-bg; @btn-pass-border);
}
// Info appears as blue-green
.btn-info {
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);

View file

@ -51,6 +51,10 @@
.label-variant(@label-success-bg);
}
.label-pass {
.label-variant(@label-pass-bg);
}
.label-info {
.label-variant(@label-info-bg);
}

View file

@ -254,6 +254,9 @@
.panel-success {
.panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
}
.panel-pass {
.panel-variant(@panel-pass-border; @panel-pass-text; @panel-pass-heading-bg; @panel-pass-border);
}
.panel-info {
.panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
}

View file

@ -190,6 +190,10 @@
@btn-success-bg: @brand-success;
@btn-success-border: darken(@btn-success-bg, 5%);
@btn-pass-color: #fff;
@btn-pass-bg: lighten(desaturate(@brand-success, 30%), 20%);
@btn-pass-border: darken(@btn-pass-bg, 5%);
@btn-info-color: #fff;
@btn-info-bg: @brand-info;
@btn-info-border: darken(@btn-info-bg, 5%);
@ -598,6 +602,8 @@
@label-primary-bg: lighten(@brand-primary, 20%);
//** Success label background color
@label-success-bg: @brand-success;
@label-pass-bg: lighten(desaturate(@brand-success, 30%), 20%);
//** Info label background color
@label-info-bg: darken(saturate(@brand-info, 5%), 12%);
//** Warning label background color
@ -752,6 +758,10 @@
@panel-success-border: @state-success-border;
@panel-success-heading-bg: @state-success-bg;
@panel-pass-text: @state-success-text;
@panel-pass-border: lighten(desaturate(@brand-success, 30%), 20%);
@panel-pass-heading-bg: @state-success-bg;
@panel-info-text: @state-info-text;
@panel-info-border: @state-info-border;
@panel-info-heading-bg: @state-info-bg;