Add plugins for forms, aspect-ratio, and typography

David Heinemeier Hansson · David Heinemeier Hansson · commit 4ed2dda0565a · 2021-01-18T14:55:51.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -8,5 +8,6 @@
 /test/dummy/log/*.log
 /test/dummy/storage/
 /test/dummy/tmp/
+/node_modules
 .byebug_history
 *.gem
diff --git a/README.md b/README.md
@@ -6,6 +6,7 @@ Tailwind CSS for Rails makes it easy to use this CSS framework with the asset pi
 
 This gem just gives access to the standard Tailwind CSS framework. If you need to customize Tailwind, you will need to install it the traditional way using [Webpacker](https://github.com/rails/webpacker) instead. This gem is purely intended for those who wish to use Tailwind CSS with the asset pipeline.
 
+The version of Tailwind included in this gem has been configured for dark mode, forms, aspect-ratio, and typography.
 
 ## Installation
 
diff --git a/package.json b/package.json
@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@tailwindcss/aspect-ratio": "^0.2.0",
+    "@tailwindcss/forms": "^0.2.1",
+    "@tailwindcss/typography": "^0.4.0",
+    "autoprefixer": "^10.2.1",
+    "tailwindcss": "^2.0.2"
+  }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,3 +1,8 @@
 module.exports = {
   darkMode: 'media',
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+  ]
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ Tailwind CSS for Rails makes it easy to use this CSS framework with the asset pi`
`6`	`6`
`7`	`7`	`This gem just gives access to the standard Tailwind CSS framework. If you need to customize Tailwind, you will need to install it the traditional way using [Webpacker](https://github.com/rails/webpacker) instead. This gem is purely intended for those who wish to use Tailwind CSS with the asset pipeline.`
`8`	`8`
	`9`	`+The version of Tailwind included in this gem has been configured for dark mode, forms, aspect-ratio, and typography.`
`9`	`10`
`10`	`11`	`## Installation`
`11`	`12`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,8 @@`
`1`	`1`	`module.exports = {`
`2`	`2`	`darkMode: 'media',`
	`3`	`+ plugins: [`
	`4`	`+ require('@tailwindcss/forms'),`
	`5`	`+ require('@tailwindcss/aspect-ratio'),`
	`6`	`+ require('@tailwindcss/typography'),`
	`7`	`+ ]`
`3`	`8`	`}`