@manishrc/tailwindcss-typography-js
v0.1.7
Published
Tailwind CSS plugin to inject Typography.js styles
Downloads
21
Maintainers
Readme
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: {},
};