@littlespoon/theme
Version:
Little Spoon theme
84 lines • 2.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.weight = exports.heading = exports.family = exports.display = exports.display2 = exports.display1 = void 0;
var utils_1 = require("../utils");
/**
* Display 1
*
* {@link https://zeroheight.com/3ddd0f892/p/211297-typography/t/158618}
*/
exports.display1 = {
fontSize: (0, utils_1.rem)(7.4),
lineHeight: (0, utils_1.rem)(9.2),
};
/**
* Display 2
*
* {@link https://zeroheight.com/3ddd0f892/p/211297-typography/t/615eab}
*/
exports.display2 = {
fontSize: (0, utils_1.rem)(6.6),
lineHeight: (0, utils_1.rem)(8.2),
};
exports.display = {
display1: exports.display1,
display2: exports.display2,
};
/**
* Font-family
*
* {@link https://zeroheight.com/3ddd0f892/p/211297-typography/t/626dbf}
*/
exports.family = (0, utils_1.fontFamily)('Mulish');
/**
* Headings
*
* {@link https://zeroheight.com/3ddd0f892/p/211297-typography/t/440937}
*/
exports.heading = {
h1: {
fontSize: (0, utils_1.rem)(5.2),
lineHeight: (0, utils_1.rem)(6.5),
},
h2: {
fontSize: (0, utils_1.rem)(4.6),
lineHeight: (0, utils_1.rem)(5.8),
},
h3: {
fontSize: (0, utils_1.rem)(3.6),
lineHeight: (0, utils_1.rem)(4.5),
},
h4: {
fontSize: (0, utils_1.rem)(2.9),
lineHeight: (0, utils_1.rem)(3.6),
},
h5: {
fontSize: (0, utils_1.rem)(2.6),
lineHeight: (0, utils_1.rem)(3.2),
},
h6: {
fontSize: (0, utils_1.rem)(2),
lineHeight: (0, utils_1.rem)(2.5),
},
h7: {
fontSize: (0, utils_1.rem)(1.8),
lineHeight: (0, utils_1.rem)(2.2),
},
};
/**
* Font-weight
*
* {@link https://zeroheight.com/3ddd0f892/p/211297-typography/t/34024f}
*/
exports.weight = {
bold: 700,
extraBold: 800,
black: 900,
};
exports.default = {
display: exports.display,
family: exports.family,
heading: exports.heading,
weight: exports.weight,
};
//# sourceMappingURL=secondary.js.map