From b89f383ecc31e46b12332cbdf0dc263891209304 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Thu, 30 Jul 2015 15:32:24 -0500
Subject: [PATCH] hairline shim

---
 gulpfile.js            |  3 ++-
 ionic/init.js          | 13 -------------
 ionic/util/hairline.js | 21 +++++++++++++++++++++
 3 files changed, 23 insertions(+), 14 deletions(-)
 create mode 100644 ionic/util/hairline.js

diff --git a/gulpfile.js b/gulpfile.js
index 057d6516fb..bf1986d6f2 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -134,6 +134,7 @@ gulp.task('transpile', function() {
                          'ionic/**/*.ts',
                          'ionic/**/*.js',
                          '!ionic/components/*/test/**/*',
+                         '!ionic/util/hairline.js',
                          '!ionic/init.js',
                          '!ionic/util/test/*'
                       ]
@@ -155,7 +156,7 @@ gulp.task('transpile', function() {
 });
 
 gulp.task('bundle.js', function() {
-  return gulp.src(['dist/js/es5/ionic/**/*.js', 'ionic/init.js'])
+  return gulp.src(['dist/js/es5/ionic/**/*.js', 'ionic/util/hairline.js', 'ionic/init.js'])
              .pipe(concat('ionic.bundle.js'))
              .pipe(gulp.dest('dist/js/'));
 });
diff --git a/ionic/init.js b/ionic/init.js
index 65cd2adf21..40f5ffbd5b 100644
--- a/ionic/init.js
+++ b/ionic/init.js
@@ -1,19 +1,6 @@
 
 (function(document){
 
-  // hairline polyfill
-  if (window.devicePixelRatio >= 2) {
-    var harlineEle = document.createElement('div');
-    harlineEle.style.border = '.5px solid transparent';
-    document.body.appendChild(harlineEle);
-
-    if (harlineEle.offsetHeight == 1) {
-      document.body.classList.add('hairlines');
-    }
-    document.body.removeChild(harlineEle);
-  }
-
-
   var ionicImport = System.import('ionic/components/app/app');
 
   function importApp(module) {
diff --git a/ionic/util/hairline.js b/ionic/util/hairline.js
new file mode 100644
index 0000000000..c267a190ed
--- /dev/null
+++ b/ionic/util/hairline.js
@@ -0,0 +1,21 @@
+
+/**
+ * Hairline Shim
+ * Add the "hairline" CSS class name to the body tag
+ * if the browser supports subpixels.
+ */
+
+(function(document){
+
+  if (window.devicePixelRatio >= 2) {
+    var hairlineEle = document.createElement('div');
+    hairlineEle.style.border = '.5px solid transparent';
+    document.body.appendChild(hairlineEle);
+
+    if (hairlineEle.offsetHeight === 1) {
+      document.body.classList.add('hairlines');
+    }
+    document.body.removeChild(hairlineEle);
+  }
+
+})(document);