Web Typography Baseline Plugin - Baseline.js

File Size: 3.75 KB
Views Total: 672
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Web Typography Baseline Plugin - Baseline.js

Baseline.js is a jQuery Web Typography Plugin that make it easy to maintain vertical rhythm set by a typographic baseline, even when adding inline images with awkward sizes. To use it, you just call the plugin passing the height of your baseline as a variable. 

Simply call the plugin like so, passing the height of your baseline as a variable. It even works on responsive designs!

$('img').baseline(24); // Apply a 24px baseline to all images on the page
$('.content img').baseline(30); // Apply a 30px baseline to all images inside .content

You can also define multiple baselines for different breakpoints. Perfect for responsive design!

$('.content img').baseline({'0px':24, '700px':30}); // Apply a 24px baseline for all widths, 30px for widths above 700px

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.