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 {