freestyle developments

LESS CSS clearfix

Posted on 2011.11.09 by Alan

The fantastic clearfix, as a LESS CSS class:

.clearfix {
    zoom: 1;
    &:before, &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

Use in your code like so:

ul#gallery {
    .clearfix;
    li {
        float: left;
    }
}

Easy.

321 thoughts on “LESS CSS clearfix”

iibacsvm on 2026.03.30 at 23:39 said:

https://olqfcfpfud.wordpress.com
xktnbnqx on 2026.03.31 at 1:05 said:

https://olqfcfpfud.wordpress.com
hbwfdlwo on 2026.03.31 at 2:47 said:

https://yrpolfqizg.wordpress.com
qlzdlknm on 2026.03.31 at 3:47 said:

https://yrpolfqizg.wordpress.com
xtsrqrog on 2026.03.31 at 4:03 said:

https://yrpolfqizg.wordpress.com
kiexoepo on 2026.03.31 at 4:55 said:

https://zgzpzpcqfh.wordpress.com
isvwmxkg on 2026.03.31 at 5:47 said:

https://zgzpzpcqfh.wordpress.com
jtzevcin on 2026.03.31 at 8:03 said:

https://ughaavseby.wordpress.com
jzvwmcqg on 2026.03.31 at 10:50 said:

https://ughaavseby.wordpress.com
suxnoqnq on 2026.03.31 at 11:05 said:

https://ughaavseby.wordpress.com
lqcrstdj on 2026.03.31 at 12:02 said:

https://ughaavseby.wordpress.com
prmoseoy on 2026.03.31 at 19:46 said:

https://zfrvblsswy.wordpress.com
pcguykmw on 2026.03.31 at 20:49 said:

https://zfrvblsswy.wordpress.com
xaglwpuw on 2026.03.31 at 21:02 said:

https://nkxutnlyla.wordpress.com
zkvyhqvk on 2026.03.31 at 21:12 said:

https://nkxutnlyla.wordpress.com
kpetwmwn on 2026.04.01 at 1:23 said:

https://nkxutnlyla.wordpress.com
jztvncyi on 2026.04.01 at 1:34 said:

https://ksemfakmni.wordpress.com
zectsija on 2026.04.01 at 3:33 said:

https://ksemfakmni.wordpress.com
ltqimpno on 2026.04.01 at 4:32 said:

https://ksemfakmni.wordpress.com
ndwdztwt on 2026.04.01 at 7:48 said:

https://qfcojxkwdf.wordpress.com
fnjoqbgt on 2026.04.01 at 8:23 said:

https://qfcojxkwdf.wordpress.com
ihzbshjl on 2026.04.01 at 9:54 said:

https://qfcojxkwdf.wordpress.com
zlcmuytc on 2026.04.01 at 15:39 said:

https://rujnwebqhm.wordpress.com
nysbgspj on 2026.04.01 at 16:24 said:

https://fanvuqkaud.wordpress.com
cremewxm on 2026.04.02 at 23:34 said:

https://fanvuqkaud.wordpress.com
sbdvpjuv on 2026.04.03 at 2:50 said:

https://fanvuqkaud.wordpress.com
qkqlesbp on 2026.04.03 at 3:31 said:

https://rqiemzolae.wordpress.com
fzosfzxm on 2026.04.03 at 3:47 said:

https://rqiemzolae.wordpress.com
nobqjcus on 2026.04.03 at 6:24 said:

https://rqiemzolae.wordpress.com
vvlyksmq on 2026.04.03 at 7:57 said:

https://ecbsmgtfya.wordpress.com
ujjwtmuk on 2026.04.03 at 9:21 said:

https://ecbsmgtfya.wordpress.com
annkqebm on 2026.04.03 at 9:36 said:

https://ecbsmgtfya.wordpress.com
wgftzmzf on 2026.04.03 at 11:47 said:

https://spplbzdsvh.wordpress.com
ypomqcuh on 2026.04.03 at 12:07 said:

https://spplbzdsvh.wordpress.com
iywwspnv on 2026.04.03 at 13:23 said:

https://spplbzdsvh.wordpress.com
hnrvulnj on 2026.04.03 at 16:39 said:

https://sgvxqmbkaf.wordpress.com
pslnuwpb on 2026.04.03 at 22:21 said:

https://scyhchvfkb.wordpress.com
ecwrfrgc on 2026.04.03 at 23:47 said:

https://scyhchvfkb.wordpress.com
uwdpimak on 2026.04.04 at 1:33 said:

https://annytarshw.wordpress.com
wjfynkfz on 2026.04.04 at 1:45 said:

https://annytarshw.wordpress.com
kogjncgh on 2026.04.04 at 5:56 said:

https://jllbczbfhi.wordpress.com
eyxgaigb on 2026.04.04 at 6:32 said:

https://jllbczbfhi.wordpress.com
sknfvrlv on 2026.04.04 at 7:37 said:

https://jllbczbfhi.wordpress.com
aytncwam on 2026.04.04 at 12:17 said:

https://mxxpjxvlwe.wordpress.com
oygheptn on 2026.04.04 at 12:29 said:

https://mxxpjxvlwe.wordpress.com
gcmafsiz on 2026.04.04 at 12:36 said:

https://mxxpjxvlwe.wordpress.com
ewhnhglt on 2026.04.04 at 15:54 said:

https://tzvpbpffwr.wordpress.com
txnhaktc on 2026.04.04 at 17:14 said:

https://tzvpbpffwr.wordpress.com
lznmwvwj on 2026.04.04 at 17:51 said:

https://tzvpbpffwr.wordpress.com
brlzvtlf on 2026.04.04 at 20:48 said:

https://rzyagpqmfu.wordpress.com

321 thoughts on “LESS CSS clearfix”

Leave a Reply Cancel reply