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.
31 lines
473 B
CSS
31 lines
473 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/*
|
|
|
|
@layer components {
|
|
.btn-primary {
|
|
@apply py-2 px-4 bg-blue-200;
|
|
}
|
|
}
|
|
|
|
*/
|
|
|
|
@layer base {
|
|
h1, h2, h3, h4, h5, h6 {
|
|
@apply leading-none;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-[3em] tracking-[-2px] mb-[30px] text-center;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-[1.2em] tracking-[-1px] mb-[30px] text-center font-normal text-gray-400;
|
|
}
|
|
|
|
p {
|
|
@apply text-[1.1em] leading-[1.7];
|
|
}
|
|
} |