Sass / SCSS Mixin para Clearfix - melhor abordagem?
Quero remover oclearfix
do meu HTML e inclua uma combinação de clearfix no meu SCSS (aplicativo Rails 3.1). Qual é a melhor abordagem para isso?
Estou pensando em pegar o clearfix HTML 5 Boilerplate e transformá-lo em um mixin, e depois incluí-lo no CSS para elementos que precisam de clearfi
Copiado do HTML5 Boilerplate:
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. http://j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin padding-bottom-of-page */
.clearfix { zoom: 1; }
Existe uma desvantagem nisso? Existe uma maneira melhor? Posso remover com segurança o clearfix da minha marcação HTML dessa maneira?