PageRenderTime 350ms CodeModel.GetById 144ms app.highlight 8ms RepoModel.GetById 1ms app.codeStats 0ms

/sass/bootstrap/_thumbnails.scss

https://bitbucket.org/decore/my-svadba.ru
Sass | 49 lines | 36 code | 4 blank | 9 comment | 0 complexity | 84fb7ecc22b7fe05949635857a00e343 MD5 | raw file
 1// THUMBNAILS
 2// ----------
 3// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
 4
 5// Make wrapper ul behave like the grid
 6.thumbnails {
 7  margin-left: -$gridGutterWidth;
 8  list-style: none;
 9  @include clearfix();
10}
11// Fluid rows have no left margin
12.row-fluid .thumbnails {
13  margin-left: 0;
14}
15
16// Float li to make thumbnails appear in a row
17.thumbnails > li {
18  float: left;
19  margin: 0 0 $baseLineHeight $gridGutterWidth;
20  float: left; // Explicity set the float since we don't require .span* classes
21  margin-bottom: $baseLineHeight;
22  margin-left: $gridGutterWidth;
23}
24
25// The actual thumbnail (can be `a` or `div`)
26.thumbnail {
27  display: block;
28  padding: 4px;
29  line-height: 1;
30  border: 1px solid #ddd;
31  @include border-radius(4px);
32  @include box-shadow(0 1px 1px rgba(0,0,0,.075));
33}
34
35// Add a hover state for linked versions only
36a.thumbnail:hover {
37  border-color: $linkColor;
38  @include box-shadow(0 1px 4px rgba(0,105,214,.25));
39}
40// Images and captions
41.thumbnail > img {
42  display: block;
43  max-width: 100%;
44  margin-left: auto;
45  margin-right: auto;
46}
47.thumbnail .caption {
48  padding: 9px;
49}