38 lines
978 B
JavaScript
38 lines
978 B
JavaScript
|
/*
|
||
|
|
* Adapted from FlowType.JS v1.1
|
||
|
|
* Copyright 2013-2014, Simple Focus http://simplefocus.com/
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
$.fn.flowtype = function (options) {
|
||
|
|
|
||
|
|
// Establish default settings/variables
|
||
|
|
// ====================================
|
||
|
|
var settings = $.extend({
|
||
|
|
maximum: 9999,
|
||
|
|
minimum: 1,
|
||
|
|
maxFont: 9999,
|
||
|
|
minFont: 1,
|
||
|
|
fontRatio: 35
|
||
|
|
}, options),
|
||
|
|
|
||
|
|
// the magic math
|
||
|
|
// =================
|
||
|
|
resize = function (el) {
|
||
|
|
var $el = $(el),
|
||
|
|
elw = $el.width(),
|
||
|
|
width = elw > settings.maximum ? settings.maximum : elw < settings.minimum ? settings.minimum : elw,
|
||
|
|
fontBase = width / settings.fontRatio,
|
||
|
|
fontSize = fontBase > settings.maxFont ? settings.maxFont : fontBase < settings.minFont ? settings.minFont : fontBase;
|
||
|
|
$el.css('font-size', fontSize + 'px');
|
||
|
|
};
|
||
|
|
|
||
|
|
// Make the magic visible
|
||
|
|
// ======================
|
||
|
|
this.each(function () {
|
||
|
|
// resize text in each element
|
||
|
|
resize(this);
|
||
|
|
});
|
||
|
|
|
||
|
|
};
|