Skip to content
GitLab
Commit 4b0d71ab authored by Mark Otto's avatar Mark Otto
Browse files

carousel refinements

parent b6f6235e
21 merge requests!7033Fix backdrop undefined bug in modal,!8635ignore Gruntfile.js in jekyll,!8339Fix broken links to navbar component in docs examples,!7329Fix for issue #7328,!7219Fix for mini typo mistake in css.html,!7674Clear float on all when navbar is collapsed - v3,!7344Fixed .spanX selector (*= instead of ^=),!7346Fix compilation error,!7775added some tests for tooltip title setter,!8157Close Me: Docs "Customize and Download" button fix,!7509Proposed fix for allowing Collapse events ('show'/'hide') to be cancelled,!7964commit fixes #7792,!8656Added rel="stylesheet" to CDN-Examples,!8527Inner properties move 1,!8245Interactive color picker - Closed: request against wrong branch,!7865Patch 2,!7651Drop the sizzle dependency to allow smaller builds targeting mobile devices,!6853typeahead: do not store item data in an attribute,!6666Patch 1,!65463.0.0 wip - fixed the issue in which the test pid isn't killed if a test fails,!6503control markup changes added
Hide whitespace changes
Inline Side-by-side
Showing
with 30 additions and 21 deletions
+30 -21
docs/assets/css/bootstrap.css
+ 6
- 2
View file @ 4b0d71ab
......@@ -5370,7 +5370,7 @@ a.badge:hover {
top: 0;
bottom: 0;
left: 0;
width: 100px;
width: 120px;
opacity: 0.5;
filter: alpha(opacity=50);
}
......@@ -5414,13 +5414,17 @@ a.badge:hover {
z-index: 5;
display: block;
margin-top: -35px;
margin-left: 35px;
margin-left: 30px;
font-size: 80px;
font-weight: 100;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.right .control {
margin-left: 70px;
}
.carousel-caption {
position: absolute;
right: 0;
......
less/carousel.less
+ 24
- 19
View file @ 4b0d71ab
......@@ -72,14 +72,9 @@
top: 0;
left: 0;
bottom: 0;
width: 100px;
width: 120px;
.opacity(50);
&.left {
#gradient > .horizontal(rgba(0,0,0,.75), rgba(0,0,0,.001));
background-color: transparent;
}
// we can't have this transition here
// because webkit cancels the carousel
// animation if you trip this while
......@@ -87,7 +82,11 @@
// ;_;
// .transition(opacity .2s linear);
// Reposition the right one
// Set gradients for backgrounds
&.left {
#gradient > .horizontal(rgba(0,0,0,.75), rgba(0,0,0,.001));
background-color: transparent;
}
&.right {
left: auto;
right: 0;
......@@ -101,19 +100,25 @@
text-decoration: none;
.opacity(90);
}
// Toggles
.control {
position: absolute;
top: 50%;
z-index: 5;
display: block;
margin-top: -35px;
margin-left: 30px;
font-size: 80px;
font-weight: 100;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
&.right .control {
margin-left: 70px;
}
}
.carousel-control .control {
position: absolute;
top: 50%;
z-index: 5;
display: block;
margin-top: -35px;
margin-left: 35px;
font-size: 80px;
font-weight: 100;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
// Caption for text below images
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment