2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00

Refactor colors and progress bars

* Buttons and progress bars now make use of more semantic global @brand- colors
* Progress bars have been rewritten to reduce the number of possible selectors
* Instead of .progress .bar, it's .progress-bar for individual bars of color, ultimately making for less CSS
This commit is contained in:
Mark Otto
2013-02-01 16:21:38 -08:00
parent 2553d74b54
commit d53af49afe
5 changed files with 180 additions and 186 deletions
+28 -11
View File
@@ -9,26 +9,33 @@
// Grays
// -------------------------
@grayDarker: #222;
@grayDark: #333;
@gray: #555;
@grayLight: #999;
@grayLighter: #eee;
// Brand colors
// -------------------------
@brand-primary: #428bca;
@brand-success: #5cb85c;
@brand-warning: #f0ad4e;
@brand-danger: #d9534f;
@brand-info: #5bc0de;
// Scaffolding
// -------------------------
@body-background: #fff;
@text-color: @grayDark;
@body-background: #fff;
@text-color: @grayDark;
// Links
// -------------------------
@link-color: #428bca;
@link-color-hover: darken(@link-color, 15%);
@link-color: #428bca;
@link-color-hover: darken(@link-color, 15%);
// Typography
// -------------------------
@@ -78,19 +85,19 @@
@btn-background: #a7a9aa;
@btn-border: @btn-background;
@btn-background-primary: @link-color;
@btn-background-primary: @brand-primary;
@btn-border-primary: @btn-background-primary;
@btn-background-success: #5cb85c;
@btn-background-success: @brand-success;
@btn-border-success: @btn-background-success;
@btn-background-warning: #f0ad4e;
@btn-background-warning: @brand-warning;
@btn-border-warning: @btn-background-warning;
@btn-background-danger: #d9534f;
@btn-background-danger: @brand-danger;
@btn-border-danger: @btn-background-danger;
@btn-background-info: #5bc0de;
@btn-background-info: @brand-info;
@btn-border-info: @btn-background-info;
@@ -253,6 +260,16 @@
@popover-arrow-outer-color: rgba(0,0,0,.25);
// Progress bars
// -------------------------
@progress-bg: #f5f5f5;
@progress-bar-bg: @brand-primary;
@progress-bar-success-bg: @brand-success;
@progress-bar-warning-bg: @brand-warning;
@progress-bar-danger-bg: @brand-danger;
@progress-bar-info-bg: @brand-info;
// Miscellaneous
// -------------------------