Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update to Tailwind 2 #45

Open
32 tasks
benface opened this issue Aug 18, 2020 · 0 comments
Open
32 tasks

Update to Tailwind 2 #45

benface opened this issue Aug 18, 2020 · 0 comments
Assignees

Comments

@benface
Copy link
Owner

benface commented Aug 18, 2020

  • 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.)
@benface benface self-assigned this Aug 18, 2020
@benface benface changed the title Update to Tailwind 1.7 Update to Tailwind 1.8 Sep 4, 2020
@benface benface changed the title Update to Tailwind 1.8 Update to Tailwind 1.9 Oct 13, 2020
@benface benface changed the title Update to Tailwind 1.9 Update to Tailwind 2 Dec 14, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant