Sass / SCSS Mixin для Clearfix - лучший подход?

Я хочу удалить класс clearfix из своего HTML и включить миксин clearfix в свой SCSS (приложение Rails 3.1). Как лучше всего к этому подойти?

Я думаю о том, чтобы просто взять clearfix HTML 5 Boilerplate и превратить его в миксин, а затем @ включить его в CSS для элементов, которые требуют clearfixing.

Скопировано из 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; }

Есть ли недостаток у это? Есть ли способ лучше? Можно ли таким способом безопасно удалить clearfix из разметки HTML?

10
задан Volker E. 10 May 2014 в 11:25
поделиться