Skip to content

README.md

Latest commit

 

History

History
28 lines (21 loc) · 957 Bytes

README.md

File metadata and controls

28 lines (21 loc) · 957 Bytes

Adopt

If you seek consistent typography across all screen sizes, Adopt is for you. It's a simple jQuery plugin that removes orphans from your elements.

Usage

Include the jQuery library (version 1.8 or newer) and the adopt.min.js plugin file, preferably at the bottom of the page before the closing </body> tag.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.adopt.min.js"></script>
<script>
  // To remove orphans from all headings.
  $('h1, h2, h3, h4, h5, h6').adopt();

  // To remove orphans from all article paragraphs.
  $("article p").adopt();
</script>

How it works

Adopt.coffee keeps orphans from forming by placing a &nbsp; HTML entity between the last two words. This keeps them together when the window resizes, ensuring no word is ever alone.