Skip to content

Instantly share code, notes, and snippets.

@rachelbaker
Created September 21, 2012 20:26
Show Gist options
  • Select an option

  • Save rachelbaker/3763706 to your computer and use it in GitHub Desktop.

Select an option

Save rachelbaker/3763706 to your computer and use it in GitHub Desktop.
LESS Media Defaults
/* Media Styles
-------------------------------------------------------------- */
// Images
// -------------------------
// Rounded corners
.img-rounded {
.rounded(6px);
}
// Add polaroid-esque trim
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
.box-shadow(0 1px 3px rgba(0,0,0,.1));
}
// Perfect circle
.img-circle {
.rounded(500px); // crank the border-radius so it works with most reasonably sized images
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment