Mercurial > wikked
comparison static/bootstrap/less/carousel.less @ 88:a5a3d454eac9
Updated Bootstrap.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Fri, 05 Apr 2013 08:08:12 -0700 |
parents | 130eccd396d8 |
children | d29e2f337b00 |
comparison
equal
deleted
inserted
replaced
87:c0cf67362fb1 | 88:a5a3d454eac9 |
---|---|
19 | 19 |
20 > .item { | 20 > .item { |
21 display: none; | 21 display: none; |
22 position: relative; | 22 position: relative; |
23 .transition(.6s ease-in-out left); | 23 .transition(.6s ease-in-out left); |
24 } | |
25 | 24 |
26 // Account for jankitude on images | 25 // Account for jankitude on images |
27 > .item > img { | 26 > img, |
28 display: block; | 27 > a > img { |
29 line-height: 1; | 28 display: block; |
29 line-height: 1; | |
30 } | |
30 } | 31 } |
31 | 32 |
32 > .active, | 33 > .active, |
33 > .next, | 34 > .next, |
34 > .prev { display: block; } | 35 > .prev { display: block; } |
95 &.right { | 96 &.right { |
96 left: auto; | 97 left: auto; |
97 right: 15px; | 98 right: 15px; |
98 } | 99 } |
99 | 100 |
100 // Hover state | 101 // Hover/focus state |
101 &:hover { | 102 &:hover, |
103 &:focus { | |
102 color: @white; | 104 color: @white; |
103 text-decoration: none; | 105 text-decoration: none; |
104 .opacity(90); | 106 .opacity(90); |
105 } | 107 } |
106 } | 108 } |
107 | 109 |
110 // Carousel indicator pips | |
111 // ----------------------------- | |
112 .carousel-indicators { | |
113 position: absolute; | |
114 top: 15px; | |
115 right: 15px; | |
116 z-index: 5; | |
117 margin: 0; | |
118 list-style: none; | |
119 | |
120 li { | |
121 display: block; | |
122 float: left; | |
123 width: 10px; | |
124 height: 10px; | |
125 margin-left: 5px; | |
126 text-indent: -999px; | |
127 background-color: #ccc; | |
128 background-color: rgba(255,255,255,.25); | |
129 border-radius: 5px; | |
130 } | |
131 .active { | |
132 background-color: #fff; | |
133 } | |
134 } | |
108 | 135 |
109 // Caption for text below images | 136 // Caption for text below images |
110 // ----------------------------- | 137 // ----------------------------- |
111 | 138 |
112 .carousel-caption { | 139 .carousel-caption { |