Skip to content

Instantly share code, notes, and snippets.

@robneu
Last active December 19, 2015 10:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save robneu/5942308 to your computer and use it in GitHub Desktop.
Save robneu/5942308 to your computer and use it in GitHub Desktop.
Genesis 2.0 has added a handy bit of CSS to clear all the floats all the time. This makes clearing floats constantly via extra clear divs obsolete and is just another reason why Genesis is awesome.
/* Float Clearing
--------------------------------------------- */
address:before, address:after,
article:before, article:after,
aside:before, aside:after,
audio:before, audio:after,
blockquote:before, blockquote:after,
canvas:before, canvas:after,
dd:before, dd:after,
div:before, div:after,
dl:before, dl:after,
fieldset:before, fieldset:after,
figcaption:before, figcaption:after,
figure:before, figure:after,
footer:before, footer:after,
form:before, form:after,
header:before, header:after,
hgroup:before, hgroup:after,
hr:before, hr:after,
main:before, main:after,
output:before, output:after,
pre:before, pre:after,
section:before, section:after,
table:before, table:after,
tfoot:before, tfoot:after,
video:before, video:after,
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
address:after,
article:after,
aside:after,
audio:after,
blockquote:after,
canvas:after,
dd:after,
div:after,
dl:after,
fieldset:after,
figcaption:after,
figure:after,
footer:after,
form:after,
header:after,
hgroup:after,
hr:after,
main:after,
output:after,
pre:after,
section:after,
table:after,
tfoot:after,
video:after,
.clearfix:after {
clear: both;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment