src/resources/themes/vendor/compass-recipes/stylesheets/recipes/shared/_clearfix.scss

   1 /**
   2  * Micro clearfix hack
   3  *
   4  * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
   5  * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
   6  *
   7  * @thanks Nicolas Gallagher @necolas
   8  * @link http://nicolasgallagher.com/micro-clearfix-hack/
   9  */
  10 @mixin clearfix
  11 {
  12     // For modern browsers
  13     &:before,
  14     &:after
  15     {
  16         content:"";
  17         display:block;
  18         overflow:hidden;
  19     }
  20
  21     &:after
  22     {
  23         clear:both;
  24     }
  25
  26     //For IE 6/7 (trigger hasLayout)
  27     &
  28     {
  29         zoom: 1;
  30     }
  31 }