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.