improve comments in image styles

mdo · mdo · commit 73ef263d5fe3 · 2012-09-04T11:31:48.000-07:00
diff --git a/less/scaffolding.less b/less/scaffolding.less
@@ -32,10 +32,12 @@ a:hover {
 // Images
 // -------------------------
 
+// Rounded corners
 .img-rounded {
   .border-radius(6px);
 }
 
+// Add polaroid-esque trim
 .img-polaroid {
   padding: 4px;
   background-color: #fff;
@@ -44,6 +46,7 @@ a:hover {
   .box-shadow(0 1px 3px rgba(0,0,0,.1));
 }
 
+// Perfect circle
 .img-circle {
-  .border-radius(500px);
+  .border-radius(500px); // crank the border-radius so it works with most reasonably sized images
 }

Original file line number	Diff line number	Diff line change
`@@ -32,10 +32,12 @@ a:hover {`
`32`	`32`	`// Images`
`33`	`33`	`// -------------------------`
`34`	`34`
	`35`	`+// Rounded corners`
`35`	`36`	`.img-rounded {`
`36`	`37`	`.border-radius(6px);`
`37`	`38`	`}`
`38`	`39`
	`40`	`+// Add polaroid-esque trim`
`39`	`41`	`.img-polaroid {`
`40`	`42`	`padding: 4px;`
`41`	`43`	`background-color: #fff;`
`@@ -44,6 +46,7 @@ a:hover {`
`44`	`46`	`.box-shadow(0 1px 3px rgba(0,0,0,.1));`
`45`	`47`	`}`
`46`	`48`
	`49`	`+// Perfect circle`
`47`	`50`	`.img-circle {`
`48`		`- .border-radius(500px);`
	`51`	`+ .border-radius(500px); // crank the border-radius so it works with most reasonably sized images`
`49`	`52`	`}`