diff options
| author | Mark Otto <[email protected]> | 2012-09-30 23:44:23 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-09-30 23:44:23 -0700 |
| commit | 4b0d71abc1e888932a60982bacd3619b89aba7ce (patch) | |
| tree | c6cd2f2751b3c2b64960824bad1f4f8e36d39734 /less | |
| parent | b6f6235e9bc31a4e5910077c1c7a0f43a0562216 (diff) | |
| download | bootstrap-4b0d71abc1e888932a60982bacd3619b89aba7ce.tar.xz bootstrap-4b0d71abc1e888932a60982bacd3619b89aba7ce.zip | |
carousel refinements
Diffstat (limited to 'less')
| -rw-r--r-- | less/carousel.less | 43 |
1 files changed, 24 insertions, 19 deletions
diff --git a/less/carousel.less b/less/carousel.less index d92cb1bcc..ba0de8c9b 100644 --- a/less/carousel.less +++ b/less/carousel.less @@ -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 |