/_tw-typography

A Tailwind CSS plugin that improves support for Tailwind Typography within the WordPress block editor

Primary LanguageJavaScriptMIT LicenseMIT

_tw Typography

A Tailwind CSS plugin created for _tw that improves support for Tailwind Typography within the WordPress block editor by:

  • Partially forking @tailwindcss/typography
  • Adding support for the is-style-lead class alongside lead so that it can be used as a block style
  • Tweaking a handful of CSS rules to add styles not otherwise handled by Tailwind Typography (like citations in quote blocks) and to improve Tailwind Typography support in the absence of Tailwind’s base styles from Preflight.

The version number of this plugin will be kept in sync with that of Tailwind Typography itself, as it will need to be tested for compatibility with each new Tailwind Typography release due to tight coupling with Tailwind Typography’s own code.

Usage

@_tw/typography must be included in place of @tailwindcss/typography, not alongside it:

// tailwind.config.js
plugins: [
    // Add Tailwind Typography.
    require('@_tw/typography'),
]

@_tw/typography supports the same options as @tailwindcss/typography:

// tailwind.config.js
plugins: [
    // Add Tailwind Typography styles with a custom class name.
    require('@_tw/typography')({
        className: 'wysiwyg',
    }),
]