This plugin add a new utilities classes so you can use from 0% to 100%!

Overview

tailwind-percentage-util

This plugin add new utilities classes so you can use from 0% to 100%!

Get Started

Install the npm package into your project

npm i tailwind-percentage-util || yarn add tailwind-percentage-util

Load the plugin in your tailwind.config.js file

//tailwind.config.js
const  percentageUtil = require('tailwind-percentage-util'); // load the plugin
module.exports = {
    purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
    darkMode:  false, // or 'media' or 'class'
    theme: {},
    variants: {
       extend: {},
    },
    plugins: [
        percentageUtil, // tell tailwind that you want to use it
        //other plugins...
    ]
};

Now Enjoy :)

You might also like...

This project refactors awesomebooks project to use ES6 modules,classes and arrow functions

AwesomeBooksWithES6 Project Description. Project created using HTML and JAVASCRIPT, user can add and delete the author and the BOOk titles from the lo

Dec 20, 2022

Simple To-do list build using HTML5, CSS3, JavaScript and Webpack. You can add new tasks, remove and edit them.

Simple To-do list build using HTML5, CSS3, JavaScript and Webpack. You can add new tasks, remove and edit them.

Mar 5, 2022

A simple JS To Do List bundled using Webpack. You can add new tasks, edit existing tasks, check completed tasks, and delete tasks from the list. It is built mainly with Javascript.

To-Do-List A simple HTML list of To Do built using webpack and served by a webpack dev server. Live Link See Demo Built With HTML, CSS, Javascript To

May 10, 2022

A CRUD made with NodeJS. It's a book directory where you can see the books, add new ones, update them, or even delete .

BOOK-DIRECTORY-NODEJS A CRUD made with NodeJS. It's a book directory where you can see the books, add new ones, update them, or even delete . What I u

May 18, 2022

A CRUD made with NodeJS. It's a book directory where you can see the books, add new ones, update them, or even delete .

Book-Directory-NodeJS A CRUD made with NodeJS. It's a book directory where you can see the books, add new ones, update them, or even delete . What I u

May 13, 2022

A collection of utilities I use when making vanilla js applications. A mini-framework if you will.

R2.js A collection of utilities I use when making vanilla js applications. Installation Copy ./r2.js over to your project. It small. Do wtf u want wit

Dec 2, 2022

DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode

DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using

Nov 18, 2022

This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Apr 11, 2022

linuxbu - a chrome extension that helps you to enter SBU classes via html-view in linux

linuxbu is a chrome extension that helps you to enter SBU classes via html-view in linux

Dec 19, 2022
Owner
Ehsan Akbarzadeh
I'm Ehsan, FrontEnd Developer @Paziresh24 I ❤️ VueJS
Ehsan Akbarzadeh
100 Days of Code is a self improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days.

100 Days of Code is a self-improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days. This repository includes a range of tasks, lessons, resources, and challenges on various programming languages to help improve programming skills.

Tarleton Computer Society 7 Dec 14, 2022
fardin 8 Oct 18, 2022
A new project from Edgemony classes

TRICILY A new project from Edgemony classes Technologies used HTML5 CSS3 SASS Javascript React.js Next.js Musement API Made with ❤️ Features Designed

casiimir 4 Jun 11, 2022
This is a project that is used to execute python codes in the web page. You can install and use it in django projects, You can do any operations that can be performed in python shell with this package.

Django execute code This is a project that is used to execute python codes in the web page. You can install and use it in django projects, You can do

Shinu 5 Nov 12, 2022
It's a scam app, you can hide evil code in it, it will evade 100% of anti-viruses. There is an electron interface for a better social-ing

Zcrypt Fake Miner Our Website https://dark-utilities.me ! How to build PS C:\Users\Admin> git clone https://github.com/Inplex-sys/zcrypt-fake-miner.gi

Inplex-sys 5 Oct 13, 2022
The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity

To Do list To do project is webpack project that list activities someone can do at a specific time In this TO-DO list, you can add or remove you activ

Joffrey NKESHIMANA 5 Jul 21, 2022
Refractor to use JavaScript classes and functionalities to build a booklist web application.

BOOKLIST-APP This is a personal project that aims at using JavaScript classes to build a medium-fidelity wireframe such that a user can add or remove

Favour Ezeugwa 18 Aug 18, 2022