2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

Update carousel vars

* Remove `@carousel-control-hover-color` since that's just the same as
the default control color and all we change is `opacity` (it's required
for specificity).
* Add vars to customizer
* Update customizer nav to include new section
* Remove the `li` from the var names
* Consolidate and simplify `text-shadow` vars
This commit is contained in:
Mark Otto
2013-07-23 23:03:57 -07:00
parent b0dd2f902d
commit a5cc1300f6
4 changed files with 24 additions and 10 deletions
+4 -4
View File
@@ -93,7 +93,7 @@
// Hover/focus state
&:hover,
&:focus {
color: @carousel-control-hover-color;
color: @carousel-control-color;
text-decoration: none;
.opacity(.9);
}
@@ -144,7 +144,7 @@
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid @carousel-indicators-li-border-color;
border: 1px solid @carousel-indicator-border-color;
border-radius: 10px;
cursor: pointer;
}
@@ -152,7 +152,7 @@
margin: 0;
width: 12px;
height: 12px;
background-color: @carousel-indicators-active-bg;
background-color: @carousel-indicator-active-bg;
}
}
@@ -169,7 +169,7 @@
padding-bottom: 20px;
color: @carousel-caption-color;
text-align: center;
text-shadow: @carousel-caption-text-shadow;
text-shadow: @carousel-text-shadow;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
+5 -6
View File
@@ -409,15 +409,14 @@
// Carousel
// ------------------------
@carousel-control-color: #fff;
@carousel-control-hover-color: #fff;
@carousel-control-text-shadow: 0 1px 2px rgba(0,0,0,.6);
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
@carousel-indicators-active-bg: #fff;
@carousel-indicators-li-border-color: #fff;
@carousel-control-color: #fff;
@carousel-indicator-border-color: #fff;
@carousel-indicator-active-bg: #fff;
@carousel-caption-color: #fff;
@carousel-caption-text-shadow: 0 1px 2px rgba(0,0,0,.6);
// Close