https://github.com/manishrc/tailwindcss-typography-js

Tailwind CSS plugin to inject Typography.js styles
https://github.com/manishrc/tailwindcss-typography-js

css npm tailwindcss typography

Last synced: 14 days ago
JSON representation

Tailwind CSS plugin to inject Typography.js styles

• Host: GitHub
• URL: https://github.com/manishrc/tailwindcss-typography-js
• Owner: manishrc
• License: mit
• Created: 2020-04-19T12:25:05.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-04-22T09:53:41.000Z (almost 5 years ago)
• Last Synced: 2025-01-16T04:40:47.612Z (27 days ago)
• Topics: css, npm, tailwindcss, typography
• Language: JavaScript
• Size: 11.7 KB
• Stars: 11
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
# tailwindcss-typography-js [![Build Status](https://travis-ci.com/manishrc/tailwindcss-typography-js.svg?branch=master)](https://travis-ci.com/manishrc/tailwindcss-typography-js)

> Tailwind CSS plugin to inject Typography.js styles

## Install

```

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

```

## Usage

```js

// 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: {},

};

```