https://github.com/davidrock/tailwindcss-percentage-width

This plugin add a new utility class so you can use from 0% to 100% in your widths
https://github.com/davidrock/tailwindcss-percentage-width

Last synced: about 2 months ago
JSON representation

This plugin add a new utility class so you can use from 0% to 100% in your widths

• Host: GitHub
• URL: https://github.com/davidrock/tailwindcss-percentage-width
• Owner: davidrock
• Created: 2021-03-09T04:37:32.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-08-09T13:57:00.000Z (over 2 years ago)
• Last Synced: 2024-03-28T20:13:56.853Z (10 months ago)
• Language: JavaScript
• Size: 3.91 KB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# tailwindcss-percentage-width

This plugin add new utilities classes so you can use from 0% to 100% in your widths.

# Get Started

### Install the npm package into your project

    npm i tailwindcss-percentage-width

or

    yarn add tailwindcss-percentage-width

### Load the plugin in your `tailwind.config.js` file

    //tailwind.config.js

    const percentageWidth = require('tailwindcss-percentage-width'); // load the plugin

    module.exports = {

	    purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],

	    darkMode:  false, // or 'media' or 'class'

	    theme: {},

	    variants: {

	       extend: {},

	    },

	    plugins: [

	        percentageWidth, // <== Add our plugin to the list of tailwind plugins

	        //other plugins...

	    ]

    };

    

    

## Just use it

![how to use](https://i.imgur.com/isk1mSs.png)