dwyl / tachyons-bootstrap

👢Bootstrap recreated using tachyons functional css
http://tachyons-bootstrap.dwyl.com
48 stars 4 forks source link

Filter through Less/Sass/ Helper/ Responsive sections #29

Closed Cleop closed 4 years ago

Cleop commented 7 years ago

Bootstrap has the following sections: image

Cleop commented 6 years ago

Notes:

Helper Classes and Responsive Utilities

These cover fundamentals of Tachyons like reponsiveness and default colors.

Less

We don't need to use less for its color options as Bootstrap details as tachyons has its own colors: http://tachyons.io/docs/themes/skins/ and we've integrated the use of these colors and their class names in to the individual components. However we have the option to either display these colors in the guide to illustrate this or we can as a simpler option simply link to the skins in the tachyons docs for people to view the full selection. There are multiple parts to the Less section that are duplicates of what tachyons does out of the box ie. font families, horizontal centering, padding, border formatting etc.

There are some bits about Less' ability to create variables which is not irrelevant but neither is it really relevant given that we're focussing on functional css rather than the creation of lots of classes.

Summary: I think it would be a waste of time to copy the Less section as it is as Tachyons has the vast majority of the functionalities implicitly. We could explain the Tachyons parts on TB to demonstrate how Less is not needed however I think this wouldn't be mega fast and realistically the Tachyons site already has all of that information presented in the clearest way possible. So perhaps as a compromise we could have a section with a brief note on the fact that the main Tachyons library has built-in many of the facilities of Less.

Sass

Bootstrap for Sass is a different repo apparently. It doesn't go into a huge amount of detail and given that our focus is not on custom classes for Tachyons it doesn't seem very relevant at this point.

Actions