aboutsummaryrefslogtreecommitdiff
path: root/stylesheets/library/_clearfix.sass
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2009-11-05 21:34:41 -0600
committerB Mathis <brandon@imathis.com>2009-11-05 21:34:41 -0600
commitf7700443ece4537c252b10a7463d12fd1725f40a (patch)
tree9eefa52f5435bdfb7fd86984ee7ae3ed518b4f5f /stylesheets/library/_clearfix.sass
parent145f81046bc5881d7da86b05c8b92862b63f8080 (diff)
downloadmy_new_personal_website-f7700443ece4537c252b10a7463d12fd1725f40a.tar.xz
my_new_personal_website-f7700443ece4537c252b10a7463d12fd1725f40a.zip
moved stylesheets
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