X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=vendor%2Fgeedmo%2Fyamm3%2Fdemo%2Fcomponents%2Fbootstrap%2Fless%2Fthumbnails.less;fp=vendor%2Fgeedmo%2Fyamm3%2Fdemo%2Fcomponents%2Fbootstrap%2Fless%2Fthumbnails.less;h=0713e67d0068e9553c5e21bb6024122029cce520;hp=0000000000000000000000000000000000000000;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad diff --git a/vendor/geedmo/yamm3/demo/components/bootstrap/less/thumbnails.less b/vendor/geedmo/yamm3/demo/components/bootstrap/less/thumbnails.less new file mode 100644 index 000000000..0713e67d0 --- /dev/null +++ b/vendor/geedmo/yamm3/demo/components/bootstrap/less/thumbnails.less @@ -0,0 +1,36 @@ +// +// Thumbnails +// -------------------------------------------------- + + +// Mixin and adjust the regular image class +.thumbnail { + display: block; + padding: @thumbnail-padding; + margin-bottom: @line-height-computed; + line-height: @line-height-base; + background-color: @thumbnail-bg; + border: 1px solid @thumbnail-border; + border-radius: @thumbnail-border-radius; + .transition(border .2s ease-in-out); + + > img, + a > img { + &:extend(.img-responsive); + margin-left: auto; + margin-right: auto; + } + + // Add a hover state for linked versions only + a&:hover, + a&:focus, + a&.active { + border-color: @link-color; + } + + // Image captions + .caption { + padding: @thumbnail-caption-padding; + color: @thumbnail-caption-color; + } +}