This repository was archived by the owner on Dec 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
This repository was archived by the owner on Dec 15, 2024. It is now read-only.
Update to Tailwind 2 #45
Copy link
Copy link
Open
Description
- Refactor the project to be a preset
- Rename to
@benface/tailwindcss-preset
?
- Rename to
- Remove these options:
purge
target
prefix
important
separator
theme
extendTheme
variants
extendVariants
corePlugins
plugins
- Replace
tailwindcss-aspect-ratio
by@tailwindcss/aspect-ratio
- Remove
tailwindcss-background-extended
since Tailwind now includesbackground-image
andbackground-clip
utilities - Remove
tailwindcss-gap
? - Remove
tailwindcss-gradients
?- At least remove the linear gradient utilities
- Replace
tailwindcss-typography
by@tailwindcss/typography
- Add
@tailwindcss/line-clamp
- Add
@tailwindcss/forms
?- Make it optional?
- Review the latest default config and make sure we keep everything useful
- Add the
2xl
screen - Don't override
colors
- But ensure that
transparent
,current
,black
, andwhite
are always included, even when overridden in the config that uses this preset (is that possible?) - If not possible, create a new option called
bareColors
to only include these colors
- But ensure that
- Make sure every value in
spacing
is included, includingpx
(stop renaming it to1px
) - Don't override
borderRadius
- But ensure that
none
andfull
are always included if possible
- But ensure that
- Don't override
boxShadow
- But ensure that
none
is always included if possible
- But ensure that
- Don't override
fontFamily
- Don't override
fontSize
- But ensure that
base
is always included (and customizable!) if possible
- But ensure that
- Don't override
fontWeight
- Don't override
letterSpacing
- But ensure that
normal
is always included if possible
- But ensure that
- Don't override
lineHeight
- But ensure that
none
is always included if possible (as well asnormal
, if it can be customizable?)
- But ensure that
- Update
inset
to include thespacing
values (and the negative ones) - Update
maxWidth
to use thebreakpoints()
closure and include the new values - Update
minWidth
andwidth
to include the new values (e.g.min-content
,max-content
, etc.) - Add
ringColor
and customize theDEFAULT
value to not refer to a Tailwind color- Make it black?
- Change the default
borderColor
to the same color for consistency and to make it obvious that there is a border, in case it was a mistake?
- Change all instances of
default
toDEFAULT
- Update
rotate
andskew
to include the new, smaller values - Make sure every value in
transitionDelay
is included- Don't override them, and get rid of
maxTransitionDelay
andtransitionDelayStep
? - Or just change
transitionDelayStep
to50
, liketransitionDurationStep
?
- Don't override them, and get rid of
- Update
translate
to include thespacing
values (and the negative ones) - Stop disabling the
divide
andspace
core plugins? - Add all the custom variants added by plugins to
variantOrder
- Update
variants
to include all core plugins
- Add the
- Change fractions to decimals except for percentages (e.g.
1/2em
=>0.5em
,1/2vw
=>0.5vw
, etc.)
Metadata
Metadata
Assignees
Labels
No labels