Sha256: ca1d05bcf1f21bce00aa5bf531ac07b820f2a7a9b17e52f8e2b6656a4049d708

Contents?: true

Size: 1.82 KB

Versions: 3

Compression:

Stored size: 1.82 KB

Contents

//
// Carousel
// --------------------------------------------------

.carousel
  position: relative
  margin-bottom: $baseLineHeight
  line-height: 1

.carousel-inner
  overflow: hidden
  width: 100%
  position: relative

.carousel-inner
  > .item
    display: none
    position: relative
    +ctb-transition(0.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
  +ctb-border-radius(23px)
  +ctb-opacity(50)
  // we can't have this transition here
  // because webkit cancels the carousel
  // animation if you trip this while
  // in the middle of another animation
  // ;_;
  // @include ctb-transition(opacity .2s linear);
  // Reposition the right one
  &.right
    left: auto
    right: 15px
  // Hover state
  &:hover
    color: $white
    text-decoration: none
    +ctb-opacity(90)

// Caption for text below images
// -----------------------------

.carousel-caption
  position: absolute
  left: 0
  right: 0
  bottom: 0
  padding: 15px
  background: $grayDark
  background: rgba(0, 0, 0, 0.75)

.carousel-caption h4,
.carousel-caption p
  color: $white
  line-height: $baseLineHeight

.carousel-caption h4
  margin: 0 0 5px

.carousel-caption p
  margin-bottom: 0

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
compass_twitter_bootstrap-2.2.2.2 stylesheets_sass/compass_twitter_bootstrap/_carousel.sass
compass_twitter_bootstrap-2.2.2.1 stylesheets_sass/compass_twitter_bootstrap/_carousel.sass
compass_twitter_bootstrap-2.2.2 stylesheets_sass/compass_twitter_bootstrap/_carousel.sass