mirror of https://github.com/Kozea/pygal.git
Python to generate nice looking SVG graph
http://pygal.org/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.1 KiB
52 lines
1.1 KiB
// |
|
// 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; |
|
}
|
|
|