Skip to content

Instantly share code, notes, and snippets.

@LeeRJohnson
Created November 12, 2010 22:36
Show Gist options
  • Save LeeRJohnson/674822 to your computer and use it in GitHub Desktop.
Save LeeRJohnson/674822 to your computer and use it in GitHub Desktop.
Unsymantic CSS
/* Cross-browser implementation of the "display: inline-block" CSS property. */
/* See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details. */
/* Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9. */
/* Gecko hack; Pre-FF3 Gecko uses -moz-inline-box instead of inline-block. */
html>body .goog-inline-block {
display: -moz-inline-box; /* This is ignored by FF3 and later*/
display: inline-block; /* This is ignored by pre-FF3 Gecko */
}
/* Default rule; only Safari, Webkit, and Opera handle it without hacks. */
.goog-inline-block {
position: relative;
display: inline-block;
}
/* Pre-IE7 IE hack. On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior. Subsequently setting display */
/* to inline does the trick. */
* html .goog-inline-block {
display: inline;
}
/* IE7-only hack. On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior. Subsequently setting display */
/* to inline does the trick. */
*:first-child+html .goog-inline-block {
display: inline;
}
.font-size{}
.xx-small{}
.x-small{}
.small{}
.normal{}
.large{}
.x-large{}
.xx-large{}
.font-style{}
.bold{}
.italic{}
.underline{}
.highlight{}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment