Narwhals Poke Mammals

    tailwindcss-inset

    1.0.0 • Public • Published

    tailwindcss-inset

    top, right, bottom, and left utilities for Tailwind CSS

    Installation

    $ npm install --save-dev tailwindcss-inset

    Then add tailwindcss-inset to your Tailwind configuration:

    "plugins": [
      require('tailwindcss-inset')({
        variants: ['responsive'], // default: []
        insets: {
          '1/2': '50%',
          'full': '100%'
        }
      })
    ]

    Example

    Configuration:

    {
      variants: [],
      insets: {
        'full': '100%'
      }
    }

    Generated utilities:

    .inset-full {
      top: 100%;
      right: 100%;
      bottom: 100%;
      left: 100%;
    }
    .inset-t-full {
      top: 100%;
    }
    .inset-r-full {
      right: 100%;
    }
    .inset-b-full {
      bottom: 100%;
    }
    .inset-l-full {
      left: 100%;
    }

    Install

    npm i tailwindcss-inset

    DownloadsWeekly Downloads

    939

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    2.06 kB

    Total Files

    3

    Last publish

    Collaborators

    • bradlc