tachyons-css / tachyons

Functional css for humans
https://tachyons.io
MIT License
11.64k stars 677 forks source link

Tachyons addons #533

Open johno opened 6 years ago

johno commented 6 years ago

In order to ensure that Tachyons core is as light as possible, we often decide not to include particular features and functionality.

With the upcoming v5, we'd like to introduce addons. Addons will be a curated set of modules that we had to omit from core, but can still be quite useful for particular projects and use cases. They will be maintained in the monorepo and installable from npm. They will adhere to Tachyons class naming conventions and functional css patterns, keeping things nice and consistent.

I've started aggregating a list of what I hear most often requested, but I'm sure there are a lot more potential addons out there. If anyone would like an addon that isn't in the checklist below, please comment below and we'll add it to our list if there's enough interest ✨.


j-greig commented 6 years ago

Like this concept.

How about an (evil) @extend/@apply addon?

marcofugaro commented 6 years ago

Hey, that's awesome!

On top of my mind some transition classes would be useful.

We actually added .transition and some other classes in our collection of functional classes we use across many projects but aren't in Tachyons.

It might be really helpful for you, take a look! https://github.com/accurat/tachyons-extra

j-greig commented 6 years ago

Could also be helpful to list some third-party addons that play nicely with Tachyons, eg for animation and other JS-ey things

YoungElPaso commented 6 years ago

Is there documentation on how to apply these add-ons?

j-greig commented 6 years ago

In all seriousness, what are the chances of something like https://www.npmjs.com/package/tachyons-extendable being an add-on in v5?

When working with a CMS, there are many times where it's hard to get full control over class names so this would be a huge help.

j-greig commented 5 years ago

Any update on when v5 might come out? πŸ™‡ πŸ™‡ πŸ™‡