Skip to content
This repository was archived by the owner on Dec 15, 2024. It is now read-only.
This repository was archived by the owner on Dec 15, 2024. It is now read-only.

Update to Tailwind 2 #45

@benface

Description

@benface
  • Refactor the project to be a preset
    • Rename to @benface/tailwindcss-preset?
  • 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 includes background-image and background-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, and white 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
    • Make sure every value in spacing is included, including px (stop renaming it to 1px)
    • Don't override borderRadius
      • But ensure that none and full are always included if possible
    • Don't override boxShadow
      • But ensure that none is always included if possible
    • Don't override fontFamily
    • Don't override fontSize
      • But ensure that base is always included (and customizable!) if possible
    • Don't override fontWeight
    • Don't override letterSpacing
      • But ensure that normal is always included if possible
    • Don't override lineHeight
      • But ensure that none is always included if possible (as well as normal, if it can be customizable?)
    • Update inset to include the spacing values (and the negative ones)
    • Update maxWidth to use the breakpoints() closure and include the new values
    • Update minWidth and width to include the new values (e.g. min-content, max-content, etc.)
    • Add ringColor and customize the DEFAULT 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 to DEFAULT
    • Update rotate and skew to include the new, smaller values
    • Make sure every value in transitionDelay is included
      • Don't override them, and get rid of maxTransitionDelay and transitionDelayStep?
      • Or just change transitionDelayStep to 50, like transitionDurationStep?
    • Update translate to include the spacing values (and the negative ones)
    • Stop disabling the divide and space core plugins?
    • Add all the custom variants added by plugins to variantOrder
    • Update variants to include all core plugins
  • Change fractions to decimals except for percentages (e.g. 1/2em => 0.5em, 1/2vw => 0.5vw, etc.)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions