XF 2.1 What does .m-clearFix() do and can I use it to clear floats?

[Stuart Wright]

And how would I find what it does so I don't have to ask next time?
Thanks

 

[kylerc]

Hey Stuart,

Yeah that will basically use a LESS mixin to make the element self-clearing of floats. This is the definition of what it's doing from the setup.less template.

.m-clearFix()
{
    &:before,
    &:after
    {
        content: " ";
        display: table;
    }
    &:after
    {
        clear: both;
    }
}

You'll see various other mixins defined in setup.less as well. I'm not aware of any documentation on these from XenForo, but you can at least see the code for each mixin and might be able to infer functionality from the name or applying them to a test element.

 

[Stuart Wright]

Excellent, thanks