Problem with Clearfix @mixin

[blickwert]

I hope you can help me. I want to add a clearfix @mixin. At the moment I use following code:

@mixin clearfix {
    zoom:1;
  &:before,
  &:after{
    content: " "; 
    display: table; 
  }

  &:after{
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
}

My problem is that the :before and :after Pseudo-Element does'nt work.

Any ideas?

Thanks,Davelee

[peteboere]

If you're using the latest code you can do this, but you need to use @fragment not @mixin:

@fragment clearfix {
    zoom:1;
  &:before,
  &:after{
    content: " ";
    display: table;
  }

  &:after{
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
}

.foo {
  @fragment clearfix;
  margin: 10px;
}

[blickwert]

@peteboere thanks for your quickreply, now it works!