Updates dist files, version, dependencies.

Author: AMJones

composer.json

@@ -10,7 +10,7 @@
       "css"
   ],
   "homepage": "https://www.github.com/strapless/display",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "authors": [
       {
           "name": "Aaron M Jones",

dist/css/strapless-display.css

@@ -1,5 +1,5 @@
 /*!
- * Strapless Display v1.0.2 (http://github.com/strapless/display)
+ * Strapless Display v1.0.3 (http://github.com/strapless/display)
  * Influenced by Bootstrap v4.0 (http://getbootstrap.com)
  * Licensed under MIT (https://github.com/strapless/display/blob/master/LICENSE)
  */
@@ -72,6 +72,11 @@
   display: inline-block !important;
 }
 
+body::before {
+  content: "xs";
+  display: none !important;
+}
+
 .d-xs-none {
   display: none !important;
 }
@@ -109,6 +114,10 @@
 }
 
 @media screen and (min-width: 576px) {
+  body::before {
+    content: "sm";
+    display: none !important;
+  }
   .d-sm-none {
     display: none !important;
   }
@@ -140,6 +149,10 @@
 }
 
 @media screen and (min-width: 768px) {
+  body::before {
+    content: "md";
+    display: none !important;
+  }
   .d-md-none {
     display: none !important;
   }
@@ -171,6 +184,10 @@
 }
 
 @media screen and (min-width: 992px) {
+  body::before {
+    content: "lg";
+    display: none !important;
+  }
   .d-lg-none {
     display: none !important;
   }
@@ -202,6 +219,10 @@
 }
 
 @media screen and (min-width: 1200px) {
+  body::before {
+    content: "xl";
+    display: none !important;
+  }
   .d-xl-none {
     display: none !important;
   }

dist/css/strapless-display.min.css

@@ -1,14 +1,17 @@
 /**
- * Determines which breakpoint is currently active.
+ * Determines which breakpoint is currently active, either by querying for a psuedo element on the body
+ * or by injecting an element with display classes.
  *
  * @returns {jQuery}
  */
 jQuery.fn.extend( {
   isBreakpoint: function ( points ) {
+    var query = window.getComputedStyle(document.querySelector('body'), ':before').getPropertyValue('content') || null;
+    if ( !points.constructor === Array ) { points = [ points ]; }
+    if (null !== query) { return (points.indexOf(query) !== -1); }
     var test  = false;
     var $body = $( 'body' );
     var cls = ' d-none d-sm-none d-md-none d-lg-none d-xl-none';
-    if ( !points.constructor === Array ) { points = [ points ]; }
     $.each( points, function ( index, alias ) {
       if ( !$body.find( '.detect-' + alias ).length ) {
         var tCls = 'detect-' + alias + cls;