1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,22 @@ |
1 |
+// Clearfix |
|
2 |
+// |
|
3 |
+// For modern browsers |
|
4 |
+// 1. The space content is one way to avoid an Opera bug when the |
|
5 |
+// contenteditable attribute is included anywhere else in the document. |
|
6 |
+// Otherwise it causes space to appear at the top and bottom of elements |
|
7 |
+// that are clearfixed. |
|
8 |
+// 2. The use of `table` rather than `block` is only necessary if using |
|
9 |
+// `:before` to contain the top-margins of child elements. |
|
10 |
+// |
|
11 |
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/ |
|
12 |
+ |
|
13 |
+.clearfix() { |
|
14 |
+ &:before, |
|
15 |
+ &:after { |
|
16 |
+ content: " "; // 1 |
|
17 |
+ display: table; // 2 |
|
18 |
+ } |
|
19 |
+ &:after { |
|
20 |
+ clear: both; |
|
21 |
+ } |
|
22 |
+} |