tailwind-capacitor

Tailwind plugin for capacitor apps

How to use

1. Add the plugin to your project

   npm install --save-dev tailwind-capacitor
   

2. Add the plugin to your tailwind config

   // tailwind.config.js
   module.exports = {
     plugins: [
    require('tailwind-capacitor').safeAreas,
    require('tailwind-capacitor').colors,
    require('tailwind-capacitor').hairlines,
    require('tailwind-capacitor').touchRipple,
    require('tailwind-capacitor').iosMaterial,
    require('tailwind-capacitor').lineClamp,
    require('tailwind-capacitor').translucent,
    require('tailwind-capacitor').range,
    require('tailwind-capacitor').touch,
    require('tailwind-capacitor').noScrollbar,
     ],
   }
   

Documentation for each plugin can be found here:

• Safe Areas
• Colors
• Hairlines
• Touch Ripple
• iOS Material
• Line Clamp
• Translucent
• Range
• Touch
• No Scrollbar

Credits

Tailwind Capacitor is a fork of Konsta UI and Tailwind CSS.