diff options
| author | Jacob Thornton <[email protected]> | 2012-01-26 21:48:46 -0800 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2012-01-26 21:48:46 -0800 |
| commit | dc2deb9a1b1995bbabee91bfd579d9b466fe78f2 (patch) | |
| tree | 9606da7326fd0a1e2ba1727e7390a69555bd92c3 /lib/carousel.less | |
| parent | e0e54d9c6cb39eae53e31117c38ceae0a08a6e0b (diff) | |
| download | bootstrap-dc2deb9a1b1995bbabee91bfd579d9b466fe78f2.tar.xz bootstrap-dc2deb9a1b1995bbabee91bfd579d9b466fe78f2.zip | |
moving structure around + more work on builder...
Diffstat (limited to 'lib/carousel.less')
| -rw-r--r-- | lib/carousel.less | 114 |
1 files changed, 0 insertions, 114 deletions
diff --git a/lib/carousel.less b/lib/carousel.less deleted file mode 100644 index 254a9f60c..000000000 --- a/lib/carousel.less +++ /dev/null @@ -1,114 +0,0 @@ -// CAROUSEL -// -------- - -.carousel { - position: relative; - line-height: 1; -} - -.carousel-inner { - overflow: hidden; - width: 100%; - position: relative; -} - -.carousel { - - .item { - display: none; - position: relative; - .transition(.6s ease-in-out left); - } - - // Account for jankitude on images - .item > img { - display: block; - line-height: 1; - } - - .active, - .next, - .prev { display: block; } - - .active { - left: 0; - } - - .next, - .prev { - position: absolute; - top: 0; - width: 100%; - } - - .next { - left: 100%; - } - .prev { - left: -100%; - } - .next.left, - .prev.right { - left: 0; - } - - .active.left { - left: -100%; - } - .active.right { - left: 100%; - } - -} - -// Left/right controls for nav -// --------------------------- - -.carousel-control { - position: absolute; - top: 40%; - left: 15px; - width: 40px; - height: 40px; - margin-top: -20px; - font-size: 60px; - font-weight: 100; - line-height: 30px; - color: @white; - text-align: center; - background: @grayDarker; - border: 3px solid @white; - .border-radius(23px); - .opacity(50); - .transition(all .2s linear); - - // Reposition the right one - &.right { - left: auto; - right: 15px; - } - - // Hover state - &:hover { - color: @white; - text-decoration: none; - .opacity(90); - } -} - -// Caption for text below images -// ----------------------------- - -.carousel-caption { - position: absolute; - left: 0; - right: 0; - bottom: 0; - padding: 10px 15px 5px; - background: @grayDark; - background: rgba(0,0,0,.75); -} -.carousel-caption h4, -.carousel-caption p { - color: @white; -} |
