Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

flowbite-typography

themesberg37kMIT1.0.5

Flowbite Typography is a plugin that lets you apply styles to all inline typography styles forked from the official Tailwind CSS plugin.

readme

Flowbite - Tailwind CSS components
Flowbite Typography - automatically apply styles for inline elements using a single class name

Discord Total Downloads Latest Release Licenese


Disclaimer: this plugin is a fork from the official Tailwind CSS Typography Plugin with different styles and settings

Documentation

For full documentation, visit flowbite.com.

Getting started

Flowbite Typography can be included as a plugin into an existing Tailwind CSS project and it is supposed to help you build websites faster by having a set of web components to work with built with the utility classes from Tailwind CSS.

Require via NPM

Make sure that you have Node.js and Tailwind CSS installed.

  1. Install the Flowbite Typography plugin via NPM:
npm install -D flowbite-typography
  1. Require Flowbite Typography as a plugin inside the tailwind.config.js file:
module.exports = {

    plugins: [
        require('flowbite-typography')
    ]

}

Basic usage

Use the format class to apply the typography classes to all inline elements:

<article class="format lg:format-lg">
  <h1>Garlic bread with cheese: What the science tells us</h1>
  <p>
    For years parents have espoused the health benefits of eating garlic bread with cheese to their
    children, with the food earning such an iconic status in our culture that kids will often dress
    up as warm, cheesy loaf for Halloween.
  </p>
  <p>
    But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
    springing up around the country.
  </p>
  <!-- ... -->
</article>

Community

If you need help or just want to discuss about the library join the community on Github:

⌨️ Discuss about Flowbite on GitHub

For casual chatting with others using the library:

💬 Join the Flowbite Discord Server

Figma

If you need the Figma files for the components you can check out our website for more information:

🎨 Get access to the Figma design files

Blocks

Check out Flowbite Blocks to get access to over 140+ website sections coded in Tailwind CSS and Flowbite:

📦 Check out Flowbite Blocks

Pro version

Get access to all premium features including the Figma design system, access to all Flowbite Block sections and a dashboard UI interface:

💎 Check out Flowbite Pro

The Flowbite name and logos are trademarks of Crafty Dwarf Inc.

📝 Read about the licensing terms

changelog

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

Unreleased

  • Nothing yet!

0.5.4 - 2022-07-12

Fixed

  • Update strong and code color styles to inherit from parent (#276)

0.5.3 - 2022-07-07

Added

  • Add styles for tfoot elements (#243)
  • Add format-h5 and format-h6 variants (#273)

Fixed

  • Fix format elements legacy mode (#259)
  • Allow lead class to override element styles (#260)
  • Fix generation of format-headings variant (#264)
  • Fix figure spacing (#267)
  • Fix child combinator :where selectors (#268)
  • Fix format-headings variant to include h5 and h6 elements (#273)

0.5.2 - 2022-02-14

Fixed

  • Ensure nested selectors using &:hover work (#246)

0.5.1 - 2022-01-28

Removed

  • Remove dist folder and related dependencies (#226)

Fixed

  • Don't generate invalid CSS when given an array of property values (#224)

0.5.0 - 2021-12-09

0.5.0-alpha.3 - 2021-11-08

Changes

  • Use :where to reduce specificity, making it possible to override format children with utilities (#203)
  • Support "undoing" format styles using the not-format class on a group of child elements (#205)
  • Update color palette for v3 (#206)
  • Improve customization API, add alternate grays, add dark mode support, use ::marker instead of pseudo-elements, and add child element variants (eg. format-h1:underline)(#216)

0.5.0-alpha.2 - 2021-11-08

0.5.0-alpha.1 - 2021-11-08

0.4.1 - 2021-05-24

Fixed

  • Fix list-style modifier selectors (#137)

0.4.0 - 2021-01-15

Fixed

  • Colors without 600 variant, breaks everything (#107)
  • Fix empty line in firefox for pre code tags (#125)

Added

  • Add support for the start and reversed attribute on ol elements (#110)
  • Add support for the type on ul and ol elements (#126)

Changed (internal)

  • Bumped dependencies (#103, #115)
  • Cleanup/improve readme (#95)
  • Reduce package size (#112)

0.3.0 - 2020-11-20

Changed

  • Add support for Tailwind CSS v2.0 and drops support for v1.0 (#79, #82, #87)
  • Use extend for any overrides, assigning directly to theme.typography now completely overrides default configuration
  • Consistently use ::before instead of :before (ba33d77)
  • Read color values from the user's theme instead of only the default theme

Added

  • Add new className option for overriding format class (#28)
  • Add color modifiers by default like format-blue for setting link styles (#92)

0.2.0 - 2020-07-15

Changes

  • Switches how variants are generated to use the new component variants API in Tailwind 1.5, dropping support for Tailwind < 1.5

0.1.4 - 2020-07-15

Fixes

  • Fixes an issue where the lead class was not being applied correctly when used in conjunction with responsive variants

0.1.3 - 2020-07-14

Fixes

  • Fixes an issue where the configured monospace font family was not used by default for pre and code blocks

0.1.2 - 2020-07-14

Fixes

  • Fixes an issue in our internal rounding logic that would round values like 20 to 2 👀

0.1.1 - 2020-07-14

Fixes

  • Fixes an issue where the plugin was totally broken and didn't work at all because I deleted some code without even testing my changes 🧠

0.1.0 - 2020-07-14

Added

  • Everything!