@tailwindcss/forms - npm Package Compare versions

CHANGELOG.md

		@@ -14,2 +14,7 @@ # Changelog

		### Fixed

		- Use `addComponents` for class strategy ([#91](https://github.com/tailwindlabs/tailwindcss-forms/pull/91))
		- Fix extra height on Safari date/time inputs ([#109](https://github.com/tailwindlabs/tailwindcss-forms/pull/109))

		## [0.4.0] - 2021-12-09
		@@ -16,0 +21,0 @@

package.json

README.md

		@@ -10,7 +10,3 @@ # @tailwindcss/forms
		```sh
		# Using npm
		npm install @tailwindcss/forms

		# Using Yarn
		yarn add @tailwindcss/forms
		npm install -D @tailwindcss/forms
		```
		@@ -17,0 +13,0 @@

src/index.js

		@@ -85,2 +85,33 @@ const svgToDataUri = require('mini-svg-data-uri')
		{
		// In Safari on macOS date time inputs are 4px taller than normal inputs
		// This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements
		// See https://github.com/tailwindlabs/tailwindcss-forms/issues/95
		base: [
		'::-webkit-datetime-edit',
		'::-webkit-datetime-edit-year-field',
		'::-webkit-datetime-edit-month-field',
		'::-webkit-datetime-edit-day-field',
		'::-webkit-datetime-edit-hour-field',
		'::-webkit-datetime-edit-minute-field',
		'::-webkit-datetime-edit-second-field',
		'::-webkit-datetime-edit-millisecond-field',
		'::-webkit-datetime-edit-meridiem-field',
		],
		class: [
		'.form-input::-webkit-datetime-edit',
		'.form-input::-webkit-datetime-edit-year-field',
		'.form-input::-webkit-datetime-edit-month-field',
		'.form-input::-webkit-datetime-edit-day-field',
		'.form-input::-webkit-datetime-edit-hour-field',
		'.form-input::-webkit-datetime-edit-minute-field',
		'.form-input::-webkit-datetime-edit-second-field',
		'.form-input::-webkit-datetime-edit-millisecond-field',
		'.form-input::-webkit-datetime-edit-meridiem-field',
		],
		styles: {
		'padding-top': 0,
		'padding-bottom': 0,
		},
		},
		{
		base: ['select'],
		@@ -87,0 +118,0 @@ class: ['.form-select'],

kitchen-sink.html

Sorry, the diff of this file is not supported yet

New alerts