thumbnails.less in padrino-admin-0.11.4

- old
+ new

@@ -1,32 +1,21 @@
 //
 // Thumbnails
 // --------------------------------------------------
 
 
-// Base classes
-// For thumbnail block-level composite components and simple image styles
+// Mixin and adjust the regular image class
+.thumbnail {
+  .img-thumbnail();
+  display: block; // Override the inline-block from `.img-thumbnail`
 
-// The actual thumbnailed element
-// Can be `a`, `div`, or `img`
-.thumbnail,
-.img-thumbnail {
-  padding: 4px;
-  line-height: @line-height-base;
-  background-color: @thumbnail-bg;
-  border: 1px solid @thumbnail-border;
-  border-radius: @thumbnail-border-radius;
-  .transition(all .2s ease-in-out);
+  > img {
+    .img-responsive();
+  }
 }
-.thumbnail {
-  display: block;
-}
-.thumbnail > img,
-.img-thumbnail {
-  .img-responsive();
-}
 
+
 // Add a hover state for linked versions only
 a.thumbnail:hover,
 a.thumbnail:focus {
   border-color: @link-color;
 }
@@ -35,8 +24,8 @@
 .thumbnail > img {
   margin-left: auto;
   margin-right: auto;
 }
 .thumbnail .caption {
-  padding: 9px;
+  padding: @thumbnail-caption-padding;
   color: @thumbnail-caption-color;
 }