Framework7 + tailwindcss example

Is there an example somewhere how to add tailwind to framework7?

Ok, this seems to work for me.

  1. npm install tailwindcss

  2. ./postcss.config.js

  plugins: {
    'postcss-preset-env': {},
    tailwindcss: {},
    autoprefixer: {},
  },
};
  1. ./tailwind.config.js
module.exports = {
  purge: {
    content: ['./index.html', './src/**/*.{svelte,js,ts}'], 
  },
  plugins: [],
}
  1. ./src/css/app.less
/* Your app custom styles here */
@tailwind base;
@tailwind components;
@tailwind utilities;
1 Like