This changes all of the Bootstrap CSS and Horizon CSS to use LESS. Horizon's specific CSS will be organized into separate files in another commit, as it is outside the scope of this BP. We are also now packing LESS 1.3.0 directly within Horizon. Implementation of Blueprint transition-to-lesscss Change-Id: Ie4be8b28ab3ce04ea21d7d5cd49c2ccb66bd8ade
36 lines
663 B
Plaintext
36 lines
663 B
Plaintext
// THUMBNAILS
|
|
// ----------
|
|
|
|
.thumbnails {
|
|
margin-left: -@gridGutterWidth;
|
|
list-style: none;
|
|
.clearfix();
|
|
}
|
|
.thumbnails > li {
|
|
float: left;
|
|
margin: 0 0 @baseLineHeight @gridGutterWidth;
|
|
}
|
|
.thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
line-height: 1;
|
|
border: 1px solid #ddd;
|
|
.border-radius(4px);
|
|
.box-shadow(0 1px 1px rgba(0,0,0,.075));
|
|
}
|
|
// Add a hover state for linked versions only
|
|
a.thumbnail:hover {
|
|
border-color: @linkColor;
|
|
.box-shadow(0 1px 4px rgba(0,105,214,.25));
|
|
}
|
|
// Images and captions
|
|
.thumbnail > img {
|
|
display: block;
|
|
max-width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.thumbnail .caption {
|
|
padding: 9px;
|
|
}
|