| 1 | "use strict";
|
| 2 | Object.defineProperty(exports, "__esModule", { value: true });
|
| 3 | var tslib_1 = require("tslib");
|
| 4 | var styled_components_1 = require("styled-components");
|
| 5 | var colors = tslib_1.__importStar(require("./colors"));
|
| 6 | var constants_1 = require("./constants");
|
| 7 | var baseHeading = function (size, lineHeight) { return "\n font-size: " + size / constants_1.fontSize() + "em;\n font-style: inherit;\n line-height: " + lineHeight / size + ";\n"; };
|
| 8 | exports.headingSizes = {
|
| 9 | h900: {
|
| 10 | size: 35,
|
| 11 | lineHeight: 40,
|
| 12 | },
|
| 13 | h800: {
|
| 14 | size: 29,
|
| 15 | lineHeight: 32,
|
| 16 | },
|
| 17 | h700: {
|
| 18 | size: 24,
|
| 19 | lineHeight: 28,
|
| 20 | },
|
| 21 | h600: {
|
| 22 | size: 20,
|
| 23 | lineHeight: 24,
|
| 24 | },
|
| 25 | h500: {
|
| 26 | size: 16,
|
| 27 | lineHeight: 20,
|
| 28 | },
|
| 29 | h400: {
|
| 30 | size: 14,
|
| 31 | lineHeight: 16,
|
| 32 | },
|
| 33 | h300: {
|
| 34 | size: 12,
|
| 35 | lineHeight: 16,
|
| 36 | },
|
| 37 | h200: {
|
| 38 | size: 12,
|
| 39 | lineHeight: 16,
|
| 40 | },
|
| 41 | h100: {
|
| 42 | size: 11,
|
| 43 | lineHeight: 16,
|
| 44 | },
|
| 45 | };
|
| 46 | exports.h900 = function () { return styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 500;\n letter-spacing: -0.01em;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 500;\n letter-spacing: -0.01em;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h900.size, exports.headingSizes.h900.lineHeight), colors.heading, constants_1.gridSize() * 6.5); };
|
| 47 | exports.h800 = function () { return styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 600;\n letter-spacing: -0.01em;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 600;\n letter-spacing: -0.01em;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h800.size, exports.headingSizes.h800.lineHeight), colors.heading, constants_1.gridSize() * 5); };
|
| 48 | exports.h700 = function () { return styled_components_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 500;\n letter-spacing: -0.01em;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 500;\n letter-spacing: -0.01em;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h700.size, exports.headingSizes.h700.lineHeight), colors.heading, constants_1.gridSize() * 5); };
|
| 49 | exports.h600 = function () { return styled_components_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 500;\n letter-spacing: -0.008em;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 500;\n letter-spacing: -0.008em;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h600.size, exports.headingSizes.h600.lineHeight), colors.heading, constants_1.gridSize() * 3.5); };
|
| 50 | exports.h500 = function () { return styled_components_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 600;\n letter-spacing: -0.006em;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 600;\n letter-spacing: -0.006em;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h500.size, exports.headingSizes.h500.lineHeight), colors.heading, constants_1.gridSize() * 3); };
|
| 51 | exports.h400 = function () { return styled_components_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 600;\n letter-spacing: -0.003em;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 600;\n letter-spacing: -0.003em;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h400.size, exports.headingSizes.h400.lineHeight), colors.heading, constants_1.gridSize() * 2); };
|
| 52 | exports.h300 = function () { return styled_components_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 600;\n margin-top: ", "px;\n text-transform: uppercase;\n"], ["\n ", "\n color: ", ";\n font-weight: 600;\n margin-top: ", "px;\n text-transform: uppercase;\n"])), baseHeading(exports.headingSizes.h300.size, exports.headingSizes.h300.lineHeight), colors.heading, constants_1.gridSize() * 2.5); };
|
| 53 | exports.h200 = function () { return styled_components_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 600;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 600;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h200.size, exports.headingSizes.h200.lineHeight), colors.subtleHeading, constants_1.gridSize() * 2); };
|
| 54 | exports.h100 = function () { return styled_components_1.css(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n ", "\n color: ", ";\n font-weight: 700;\n margin-top: ", "px;\n"], ["\n ", "\n color: ", ";\n font-weight: 700;\n margin-top: ", "px;\n"])), baseHeading(exports.headingSizes.h100.size, exports.headingSizes.h100.lineHeight), colors.subtleHeading, constants_1.gridSize() * 2); };
|
| 55 | var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
| 56 | |
| \ | No newline at end of file |