Ajout de TailwindCSS

Gemfile

@@ -18,6 +18,9 @@ gem 'sass-rails', '>= 6'
 # Use Hotwire for the frontend
 gem 'hotwire-rails'
 
+# Use Tailwind CSS for frontend design
+gem 'tailwindcss-rails'
+
 # Use Redis adapter to run Action Cable in production
 gem 'redis', '~> 4.0'
 

Gemfile.lock

@@ -231,6 +231,8 @@ GEM
     sqlite3 (1.4.2)
     stimulus-rails (0.2.2)
       rails (>= 6.0.0)
+    tailwindcss-rails (0.3.1)
+      rails (>= 6.0.0)
     thor (1.0.1)
     tilt (2.0.10)
     turbo-rails (0.5.9)
@@ -284,6 +286,7 @@ DEPENDENCIES
   spring
   spring-watcher-listen (~> 2.0.0)
   sqlite3 (~> 1.4)
+  tailwindcss-rails
   tzinfo-data
   web-console (>= 3.3.0)
   webdrivers

app/views/layouts/application.html.erb

@@ -6,6 +6,8 @@
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 
+    <%= stylesheet_link_tag "inter-font" %>
+    <%= stylesheet_link_tag "tailwind" %>
     <%= stylesheet_link_tag 'application', media: 'all' %>
     <%= yield :head %>
     <%= turbo_include_tags %>

config/environments/production.rb

@@ -26,7 +26,7 @@ Rails.application.configure do
   config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
 
   # Compress CSS using a preprocessor.
-  # config.assets.css_compressor = :sass
+  config.assets.css_compressor = :purger
 
   # Do not fallback to assets pipeline if a precompiled asset is missed.
   config.assets.compile = false