Merge pull request #6 from benburwell/use-primer-css

Use Tiny CSS

1 files changed, 36 insertions, 0 deletions

diff --git a/_sass/tiny/_mixins.scss b/_sass/tiny/_mixins.scss
new file mode 100644
index 0000000..3afa7e9
--- /dev/null
+++ b/_sass/tiny/_mixins.scss
@@ -0,0 +1,36 @@
+// Clearfix
+//
+// Clears floats via mixin (avoid using as a class).
+
+@mixin clearfix {
+  &:before {
+    display: table;
+    content: "";
+  }
+
+  &:after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+}
+
+// Text hiding for image based text replacement.
+// Higher performance than -9999px because it only renders
+// the size of the actual text, not a full 9999px box.
+
+@mixin hide-text() {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
+
+@mixin gradient($start: #fafafa, $end: #eaeaea) {
+  background-color: $end;
+  // FF 3.6+
+  background-image: -moz-linear-gradient($start, $end);
+  // Safari 5.1+, Chrome 10+
+  background-image: -webkit-linear-gradient($start, $end);
+  background-image: linear-gradient($start, $end);
+  background-repeat: repeat-x;
+}