feature: Add the initInsertCssClassName method

.gitignore

@@ -6,3 +6,4 @@
 /umd
 npm-debug.log*
 .DS_Store
+.idea

README.md

@@ -78,6 +78,8 @@ console.log("device.mobile() === %s", device.mobile());
 The following tables map which CSS classes are added based on device and
 orientation.
 
+You can also call the `device.initInsertCssClassName` method to re detect the device and add a class
+
 #### Device CSS Class Names
 
 <table>

src/index.js

@@ -238,57 +238,68 @@ function removeClass(className) {
 // ---------------------
 
 // Insert the appropriate CSS class based on the _user_agent.
-
-if (device.ios()) {
-  if (device.ipad()) {
-    addClass('ios ipad tablet')
-  } else if (device.iphone()) {
-    addClass('ios iphone mobile')
-  } else if (device.ipod()) {
-    addClass('ios ipod mobile')
-  }
-} else if (device.macos()) {
-  addClass('macos desktop')
-} else if (device.android()) {
-  if (device.androidTablet()) {
-    addClass('android tablet')
-  } else {
-    addClass('android mobile')
-  }
-} else if (device.blackberry()) {
-  if (device.blackberryTablet()) {
-    addClass('blackberry tablet')
-  } else {
-    addClass('blackberry mobile')
-  }
-} else if (device.windows()) {
-  if (device.windowsTablet()) {
-    addClass('windows tablet')
-  } else if (device.windowsPhone()) {
-    addClass('windows mobile')
-  } else {
-    addClass('windows desktop')
-  }
-} else if (device.fxos()) {
-  if (device.fxosTablet()) {
-    addClass('fxos tablet')
-  } else {
-    addClass('fxos mobile')
+device.initInsertCssClassName = function() {
+  const classList = [
+    'ios', 'ipad', 'tablet', 'iphone',
+    'mobile', 'ipod', 'macos', 'desktop',
+    'android', 'blackberry', 'windows',
+    'fxos', 'meego', 'node-webkit', 'television', 'cordova'
+  ]
+
+  classList.forEach(removeClass)
+
+  if (device.ios()) {
+    if (device.ipad()) {
+      addClass('ios ipad tablet')
+    } else if (device.iphone()) {
+      addClass('ios iphone mobile')
+    } else if (device.ipod()) {
+      addClass('ios ipod mobile')
+    }
+  } else if (device.macos()) {
+    addClass('macos desktop')
+  } else if (device.android()) {
+    if (device.androidTablet()) {
+      addClass('android tablet')
+    } else {
+      addClass('android mobile')
+    }
+  } else if (device.blackberry()) {
+    if (device.blackberryTablet()) {
+      addClass('blackberry tablet')
+    } else {
+      addClass('blackberry mobile')
+    }
+  } else if (device.windows()) {
+    if (device.windowsTablet()) {
+      addClass('windows tablet')
+    } else if (device.windowsPhone()) {
+      addClass('windows mobile')
+    } else {
+      addClass('windows desktop')
+    }
+  } else if (device.fxos()) {
+    if (device.fxosTablet()) {
+      addClass('fxos tablet')
+    } else {
+      addClass('fxos mobile')
+    }
+  } else if (device.meego()) {
+    addClass('meego mobile')
+  } else if (device.nodeWebkit()) {
+    addClass('node-webkit')
+  } else if (device.television()) {
+    addClass('television')
+  } else if (device.desktop()) {
+    addClass('desktop')
   }
-} else if (device.meego()) {
-  addClass('meego mobile')
-} else if (device.nodeWebkit()) {
-  addClass('node-webkit')
-} else if (device.television()) {
-  addClass('television')
-} else if (device.desktop()) {
-  addClass('desktop')
-}
 
-if (device.cordova()) {
-  addClass('cordova')
+  if (device.cordova()) {
+    addClass('cordova')
+  }
 }
 
+device.initInsertCssClassName()
 // Orientation Handling
 // --------------------