songtianlun
cafe820a64
- Add tailwindcss-rails gem to Gemfile - Create application.tailwind.css for Tailwind styles - Update Procfile.dev for Tailwind CSS watch command - Add demo action and view for showcasing features - Update application layout to use Tailwind CSS classes - Refactor footer and header for improved styling This commit introduces Tailwind CSS for styling the application, enhancing the UI with utility-first CSS. A new demo page is also added to showcase the application features.
26 lines
614 B
JavaScript
26 lines
614 B
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
content: [
|
|
'./public/*.html',
|
|
'./app/helpers/**/*.rb',
|
|
'./app/javascript/**/*.js',
|
|
'./app/views/**/*.{erb,haml,html,slim}',
|
|
'./node_modules/flowbite/**/*.js'
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
// require('flowbite/plugin')
|
|
// require('@tailwindcss/forms'),
|
|
// require('@tailwindcss/typography'),
|
|
// require('@tailwindcss/container-queries'),
|
|
]
|
|
}
|