tailwindcss/lib/plugins/fontSize.js

A utility-first CSS framework for rapidly building custom user interfaces.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = _default;

var _lodash = _interopRequireDefault(require("lodash"));

var _nameClass = _interopRequireDefault(require("../util/nameClass"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _default() {
  return function ({
    addUtilities,
    theme,
    variants
  }) {
    const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontSize'), (value, modifier) => {
      const [fontSize, options] = Array.isArray(value) ? value : [value];
      const {
        lineHeight,
        letterSpacing
      } = _lodash.default.isPlainObject(options) ? options : {
        lineHeight: options
      };
      return [(0, _nameClass.default)('text', modifier), {
        'font-size': fontSize,
        ...(lineHeight === undefined ? {} : {
          'line-height': lineHeight
        }),
        ...(letterSpacing === undefined ? {} : {
          'letter-spacing': letterSpacing
        })
      }];
    }));

    addUtilities(utilities, variants('fontSize'));
  };
}