diff --git a/less/accordion.less b/less/accordion.less index 0d18978317..c3023ac49e 100644 --- a/less/accordion.less +++ b/less/accordion.less @@ -11,7 +11,7 @@ // Group == heading + body .accordion-group { margin-bottom: 2px; - border: 1px solid #e5e5e5; + border: 1px solid @accordion-border-color; border-radius: @border-radius-base; } .accordion-heading { @@ -27,5 +27,5 @@ // Inner needs the styles because you can't animate properly with any styles on the element .accordion-inner { padding: 9px 15px; - border-top: 1px solid #e5e5e5; + border-top: 1px solid @accordion-border-color; } diff --git a/less/badges.less b/less/badges.less index e1a2e9c5a6..f2f2aedabb 100644 --- a/less/badges.less +++ b/less/badges.less @@ -10,7 +10,7 @@ padding: 3px 7px; font-size: @font-size-small; font-weight: bold; - color: #fff; + color: @badge-color; line-height: 1; vertical-align: middle; white-space: nowrap; @@ -28,7 +28,7 @@ a.badge { &:hover, &:focus { - color: #fff; + color: @badge-link-hover-color; text-decoration: none; cursor: pointer; } @@ -44,7 +44,7 @@ a.badge { a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: @link-color; - background-color: #fff; + background-color: @badge-active-bg; } .nav-pills > li > a > .badge { margin-left: 3px; diff --git a/less/breadcrumbs.less b/less/breadcrumbs.less index 956944a8ba..36fb4cd478 100644 --- a/less/breadcrumbs.less +++ b/less/breadcrumbs.less @@ -7,11 +7,11 @@ padding: 8px 15px; margin: 0 0 @line-height-computed; list-style: none; - background-color: #f5f5f5; + background-color: @breadcrumb-bg; border-radius: @border-radius-base; > li { display: inline-block; - text-shadow: 0 1px 0 #fff; + text-shadow: @breadcrumb-text-shadow; &+li:before { display: inline-block; content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space diff --git a/less/variables.less b/less/variables.less index 3b26988082..fa230d6674 100644 --- a/less/variables.less +++ b/less/variables.less @@ -7,6 +7,19 @@ // -------------------------------------------------- +// Inner Files color variables (can say inline colors) +// -------------------------------------------------- + +@accordion-border-color: #e5e5e5; + +@badge-color: #fff; +@badge-active-bg: #fff; +@badge-link-hover-color: #fff; + +@breadcrumb-bg: #f5f5f5; +@breadcrumb-text-shadow: 0 1px 0 #fff; + + // Grays // -------------------------