// Group == heading + body
.accordion-group {
margin-bottom: 2px;
- border: 1px solid @accordion-group-border-color;
+ border: 1px solid @accordion-border-color;
border-radius: @border-radius-base;
}
.accordion-heading {
// 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 @accordion-group-border-color;
+ border-top: 1px solid @accordion-border-color;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: @link-color;
- background-color: @active-badge-bg-color;
+ background-color: @badge-active-bg;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
padding: 8px 15px;
margin: 0 0 @line-height-computed;
list-style: none;
- background-color: @breadcrumb-bg-color;
+ background-color: @breadcrumb-bg;
border-radius: @border-radius-base;
> li {
display: inline-block;
- text-shadow: 0 1px 0 @breadcrumb-text-shadow-color;
+ text-shadow: @breadcrumb-text-shadow;
&+li:before {
display: inline-block;
content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space
// Inner Files color variables (can say inline colors)
// --------------------------------------------------
-@color-1: #e5e5e5; //Mercury, RGB: 229, 229, 229
-@color-2: #fff; //white, RGB: 255, 255, 255
-@color-3: #f5f5f5; //Wild Sand, RGB: 245, 245, 245
+@accordion-border-color: #e5e5e5;
-@accordion-group-border-color: @color-1;
+@badge-color: #fff;
+@badge-active-bg: #fff;
+@badge-link-hover-color: #fff;
-@active-badge-bg-color: @color-2;
-@badge-link-hover-color: @color-2;
-@badge-color: @color-2;
-@breadcrumb-text-shadow-color: @color-2;
+@breadcrumb-bg: #f5f5f5;
+@breadcrumb-text-shadow: 0 1px 0 #fff;
-@breadcrumb-bg-color: @color-3;
// Grays
// -------------------------