Permalink
Browse files

Add clearfix utility

  • Loading branch information...
1 parent 980035c commit ac172bc0a6dd3922dfded9846e68a1b51152c06e Frank committed Feb 11, 2012
Showing with 29 additions and 0 deletions.
  1. +29 −0 app/assets/stylesheets/addons/_utilities.scss
@@ -0,0 +1,29 @@
+// Micro clearfix provides an easy way to contain floats without adding additional markup
+//
+// Example usage:
+//
+// // Contain all floats within .wrapper
+// .wrapper {
+// @include clear;
+// .content,
+// .sidebar {
+// float : left;
+// }
+// }
+
+@mixin clear {
+ &:before,
+ &:after {
+ content : "";
+ display : table;
+ }
+ &:after {
+ clear : both;
+ }
+ zoom : 1;
+}
+
+
+// Acknowledgements
+//
+// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)

0 comments on commit ac172bc

Please sign in to comment.