aboutsummaryrefslogtreecommitdiff
path: root/stylesheets/library/_clearfix.sass
diff options
context:
space:
mode:
Diffstat (limited to 'stylesheets/library/_clearfix.sass')
-rw-r--r--stylesheets/library/_clearfix.sass24
1 files changed, 24 insertions, 0 deletions
diff --git a/stylesheets/library/_clearfix.sass b/stylesheets/library/_clearfix.sass
new file mode 100644
index 00000000..29548fe0
--- /dev/null
+++ b/stylesheets/library/_clearfix.sass
@@ -0,0 +1,24 @@
+// based on compass clearfix
+
+@import _hacks.sass
+
+// Extends the element to enclose any floats it contains.
+// This basic method is preferred for the usual case, when positioned content will not show outside the bounds of the container.
+// Recommendations include using this in conjunction with a width:
+// http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html
+=clearfix
+ :overflow hidden
+ +has-layout
+
+// Extends the element to enclose any floats it contains.
+// This older "Easy Clearing" method has the advantage of allowing positioned elements to hang outside the bounds of the container, at the expense of more tricky CSS.
+// http://www.positioniseverything.net/easyclearing.html
+=pie-clearfix
+ &:after
+ :content " "
+ :display block
+ :height 0
+ :clear both
+ :overflow hidden
+ :visibility hidden
+ +has-layout \ No newline at end of file