Skip to content

Instantly share code, notes, and snippets.

@laravel-shift
Created December 20, 2021 15:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save laravel-shift/03327911fb10f44cc072bd47456182b4 to your computer and use it in GitHub Desktop.
Save laravel-shift/03327911fb10f44cc072bd47456182b4 to your computer and use it in GitHub Desktop.
Tailwind Forms 1.x border styles
@layer base {
[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
@apply border-gray-300 rounded-md;
}
[type='checkbox'],
[type='radio'] {
@apply border-gray-300;
}
[type='checkbox'] {
@apply rounded;
}
[type='checkbox']:focus,
[type='radio']:focus {
@apply border-gray-300;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment