@vimeo/iris/tokens/typography/size/size.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tokens_util_readToken = require('../../util/readToken.js');

var size = function (grade) { return tokens_util_readToken.readToken(token, grade); };
var token = {
    default: 'desktop',
    type: 'SIZE',
    modes: {
        desktop: desktop,
        //tablet,
        //mobile
    },
};
function desktop(grade) {
    grade = grade + 100;
    var scale = 1.4;
    var iteration = Math.pow(scale, (grade / 100));
    var raw = 8.5 + (3 * iteration) / 1.618;
    var rounded = Math.round(raw * 1) / 1;
    var floored = Math.max(rounded, 10);
    return floored;
}

exports.size = size;