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

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i tailwindcss-plugin-decoration

      Weekly Downloads

      0

      Version

      1.0.2

      License

      MIT

      Unpacked Size

      4.09 kB

      Total Files

      3

      Last publish

      Collaborators

      • brandonpittman