Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@interactivellama
Created June 3, 2013 17:46
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save interactivellama/5699885 to your computer and use it in GitHub Desktop.
Save interactivellama/5699885 to your computer and use it in GitHub Desktop.
jgroup is a LESS mixin that justifies inline-block elements, removes typography issues by reducing the font-size, and adds a 100% width element to the end simliar to micro-clearfix, but not. Look Ma, no specifying margins! Be carful though of removing spaces / HTML compression in production.
/* Justify inline block elements for a percentage grid without specifying margins: LESS mixin. See http://www.barrelny.com/blog/text-align-justify-and-rwd/ */
.jgroup {
text-align: justify;
font-size: .01px;
&:after{
content: '';
display: inline-block;
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment