ddea8b597f
- Move Bootstrap LESS files into new subdirectory - Change app.css to app.less, add @import's to utilize Bootstrap variables and mixins - Remove plugins.js and main.js - Move Bootstrap JS plugins into new subdirectory - Add new _main.js file with example DOM-based routing script that works off the WordPress body_class - lib/scripts.php has been updated to remove all extra CSS and JS files and also places JavaScript in the footer
53 lines
1.1 KiB
Plaintext
Executable File
53 lines
1.1 KiB
Plaintext
Executable File
//
|
|
// Thumbnails
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
|
|
|
|
// Make wrapper ul behave like the grid
|
|
.thumbnails {
|
|
margin-left: -@gridGutterWidth;
|
|
list-style: none;
|
|
.clearfix();
|
|
}
|
|
// Fluid rows have no left margin
|
|
.row-fluid .thumbnails {
|
|
margin-left: 0;
|
|
}
|
|
|
|
// Float li to make thumbnails appear in a row
|
|
.thumbnails > li {
|
|
float: left; // Explicity set the float since we don't require .span* classes
|
|
margin-bottom: @baseLineHeight;
|
|
margin-left: @gridGutterWidth;
|
|
}
|
|
|
|
// The actual thumbnail (can be `a` or `div`)
|
|
.thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
line-height: @baseLineHeight;
|
|
border: 1px solid #ddd;
|
|
.border-radius(4px);
|
|
.box-shadow(0 1px 3px rgba(0,0,0,.055));
|
|
.transition(all .2s ease-in-out);
|
|
}
|
|
// 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;
|
|
color: @gray;
|
|
}
|