Adds breakpoint detection JQuery plugin.

Author: AMJones

composer.json

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

dist/css/strapless-display.css

@@ -1,5 +1,5 @@
 /*!
- * Strapless Display v1.0.1 (http://github.com/strapless/display)
+ * Strapless Display v1.0.2 (http://github.com/strapless/display)
  * Influenced by Bootstrap v4.0 (http://getbootstrap.com)
  * Licensed under MIT (https://github.com/strapless/display/blob/master/LICENSE)
  */

dist/css/strapless-display.min.css

@@ -0,0 +1,25 @@
+/**
+ * Determines which breakpoint is currently active.
+ *
+ * @returns {jQuery}
+ */
+jQuery.fn.extend( {
+  isBreakpoint: function ( points ) {
+    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;
+        tCls = (alias === 'xs') ? tCls.replace('d-none','d-inline') : tCls.replace(alias + '-none',alias + '-inline');
+        $body.append( '<span class="' + tCls + '"></span>' );
+      }
+      if ( $( '.detect-' + alias ).first().is( ':visible' ) ) {
+        test = true;
+        return false;
+      }
+    } );
+    return test
+  }
+} );

dist/js/strapless-display.js

@@ -0,0 +1,25 @@
+/**
+ * Determines which breakpoint is currently active.
+ *
+ * @returns {jQuery}
+ */
+jQuery.fn.extend( {
+  isBreakpoint: function ( points ) {
+    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;
+        tCls = (alias === 'xs') ? tCls.replace('d-none','d-inline') : tCls.replace(alias + '-none',alias + '-inline');
+        $body.append( '<span class="' + tCls + '"></span>' );
+      }
+      if ( $( '.detect-' + alias ).first().is( ':visible' ) ) {
+        test = true;
+        return false;
+      }
+    } );
+    return test
+  }
+} );

dist/js/strapless-display.min.js

@@ -3,7 +3,7 @@
 
 @if not($enable-framework) {
 /*!
- * Strapless Display v1.0.1 (http://github.com/strapless/display)
+ * Strapless Display v1.0.2 (http://github.com/strapless/display)
  * Influenced by Bootstrap v4.0 (http://getbootstrap.com)
  * Licensed under MIT (https://github.com/strapless/display/blob/master/LICENSE)
  */