Created
June 3, 2013 17:46
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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