dirty hack to reduce element sizing

shrink.js

'use strict';

var _ = require('lodash');

function stripPx(val) {
    return val.replace('px', '');
}

function addPx(val) {
    return val + 'px';
}

function reduceSize(val) {
    return val / 2;
}

var els = document.body.getElementsByTagName('*');
var count = els.length;

var properties = [
    'font-size',
    'line-height',
    'margin-left',
    'margin-right',
    'margin-top',
    'margin-bottom',
    'padding-left',
    'padding-right',
    'padding-top',
    'padding-bottom',
];

while(count--){
    var el = els[count];
    var calc = window.getComputedStyle(el);
    properties.forEach(function (prop) {
        var camelCased = _.camelCase(prop);
        el.style[camelCased] = addPx(reduceSize(stripPx(calc.getPropertyValue(prop))));
    });
}