@manishrc/tailwindcss-typography-js

tailwindcss-typography-js

Tailwind CSS plugin to inject Typography.js styles

Install

$ npm install --save @manishrc/tailwindcss-typography-js

Usage

// tailwindcss.config.js
const typography = require("@manishrc/tailwindcss-typography-js");

// Option 1 - Using a configuration
const typographyTheme = typography({
  baseFontSize: "18px",
  baseLineHeight: 1.666,
  headerFontFamily: ["Helvetica Neue", "sans-serif"],
  bodyFontFamily: ["Georgia", "serif"],
});

// Option 2 - Using a theme
import funstonTheme from "typography-theme-funston";
const typographyTheme = typography(funstonTheme);

// Add to the plugin list.
module.exports = {
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [typographyTheme],
  corePlugins: {},
};