From 539b2fe5c1cb746c6fec9d96fbda8eda80c8f78b Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Tue, 22 Oct 2013 13:21:36 -0700
Subject: [PATCH] Make hairlines go 100%. Fixes #230

---
 lib/sass/mixins.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/sass/mixins.scss b/lib/sass/mixins.scss
index edfbc7b..2b8967e 100644
--- a/lib/sass/mixins.scss
+++ b/lib/sass/mixins.scss
@@ -73,12 +73,12 @@
 // --------------------------------------------------
 @mixin hairline($type, $color, $offset) {
   @if $type == single {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>");
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
     background-position: $offset 100%;
 
   } @else if $type == double {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>"),
-                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>");
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"),
+                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
     background-position: $offset 100%, $offset 0%;
   }
   background-repeat: no-repeat;