Use nesting for thumbnail styles

diff --git a/less/thumbnails.less b/less/thumbnails.less
index a09aa9b835b8bac1506cccfcf640ac5d085c0455..bc4178bbfff69dafe777625d691991823ebfe833 100644 (file)
--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -14,18 +14,17 @@
     margin-left: auto;
     margin-right: auto;
   }
-}
-
 
-// Add a hover state for linked versions only
-a.thumbnail:hover,
-a.thumbnail:focus,
-a.thumbnail.active {
-  border-color: @link-color;
-}
+  // Add a hover state for linked versions only
+  a&:hover,
+  a&:focus,
+  a&.active {
+    border-color: @link-color;
+  }
 
-// Image captions
-.thumbnail .caption {
-  padding: @thumbnail-caption-padding;
-  color: @thumbnail-caption-color;
+  // Image captions
+  .caption {
+    padding: @thumbnail-caption-padding;
+    color: @thumbnail-caption-color;
+  }
 }