Nebulous Plasma Muffin

    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

    Keywords

    Install

    npm i tailwindcss-plugin-decoration

    DownloadsWeekly Downloads

    0

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    4.09 kB

    Total Files

    3

    Last publish

    Collaborators

    • brandonpittman