Skip to content

judas-christ/breaks2000

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Breaks 2000

A simple responsive elements script. Inspired by https://github.com/kumailht/responsive-elements but simpler and without any dependencies.

Usage

Add breakpoints to responsive elements

<div data-breaks="320,480,768,1280">...</div>

Add CSS styles for the sizes

.\>320 {
	background-color: peachpuff;
}

.\>768 {
	background-color: aliceblue;
}

Add breaks2000 script to page

<script src="https://unpkg.com/breaks2000"></script>

or if you prefer to self-host

<script src="/path/to/breaks2000.min.js"></script>

Call initialization function on page load

breaks2000.init();

When adding elements to page call

breaks2000.update();

If, for some reason, breaks2000 has to be deactivated on a page call

breaks2000.uninit();

Browser support

Modern browsers and optionally IE8.

Change Log

2.3.0

  • UMD bundle
  • unpkg CDN example

2.2.0

  • ES6 module support
  • CJS module support

2.1.2

  • Bower support

2.1.1

  • Bugfixes

2.1.0

  • Added optional uninit() function for removing breaks2000.

2.0.0

  • Class names changed from gt-[size]/lt-[size] to >[size]/<[size]. This is a breaking change from 1.0.0

License

Released under MIT License.