tailwindcss-plugin-decoration

1.0.2 • Public • Published

tailwindcss-plugin-decoration

Put simply, this plugin adds utilities for all the kinda supported text-decoration properties that have popped up lately. These include:

const decorationStyles = {
    '.overline': {
      textDecorationLine: 'overline'
    },
    '.decoration-skip-none': {
      textDecorationSkip: 'none'
    },
    '.decoration-skip-objects': {
      textDecorationSkip: 'objects'
    },
    '.decoration-skip-spaces': {
      textDecorationSkip: 'spaces'
    },
    '.decoration-skip-edges': {
      textDecorationSkip: 'edges'
    },
 
    '.decoration-skip-ink': {
      textDecorationSkipInk: 'auto'
    },
    '.decoration-skip-ink-none': {
      textDecorationSkipInk: 'none'
    },
 
    '.underline-double': {
      textDecorationStyle: 'double'
    },
    '.underline-dotted': {
      textDecorationStyle: 'dotted'
    },
    '.underline-dashed': {
      textDecorationStyle: 'dashed'
    },
    '.underline-wavy': {
      textDecorationStyle: 'wavy'
    }
  }

It also adds a whole bunch of variations of .underline-thickness-${key}, .underline-offset-${key}, and .decoration-${key}, using your spacing scale and color palette. I'm also including currentColor helpers like .decoration-current, .bg-current, .border-current

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.2
    1
    • latest

Version History

Package Sidebar

Install

npm i tailwindcss-plugin-decoration

Weekly Downloads

1

Version

1.0.2

License

MIT

Unpacked Size

4.09 kB

Total Files

3

Last publish

Collaborators

  • brandonpittman