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:
+4
-4
@@ -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
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user