3 ms·

I want a CSS framework. Tailwind is practically a JS framework at this point. It’s own custom build system & everything. Personally? Not a fan. Wish it would h

I want a CSS framework. Tailwind is practically a JS framework at this point. It’s own custom build system & everything. Personally? Not a fan. Wish it would have stuck to utility classes.

meerita 3y ago
Well, I wrote a functional CSS framework that is platform agnostic. It was built on sass. Post: https://www.minid.net/2019/4/7/the-css-utilitarian-methodology https://www.minid.net/2019/4/7/the-css-utilitarian-methodolo..., github https://github.com/meerita/utilcss https://github.com/meerita/utilcss I am working a different project now, and now I evolved it to simply pure css files that i compile later with postcss and purge everything. The latest and newest i did https://github.com/meerita/fcss https://github.com/meerita/fcss just drop into your react app, in this order: root.css normalizer.css generics.css (all css classes) sm.css (mobile classes) md.css (mid desktop/iPad) lg.css (standard desktop) xl.css (large desktop) xxl for large large desktops The usage is easy, lets build a grid: <div className='display--grid gap--8'>...</div> Those are from the generics.css, but if you need 2 cols in mobile and 4 in desktop you can do it <div className='display--grid gap--8 sm-template-columns--2 md-template-columns--4'>...</div> The structure of every class is made using the css language, contrary to tailwind has its own syntax. it takes huge amount of time and mental effort to get it. With FCSS you learn the pattern and you can advance it or extend it.
- ejanus 3y ago
  I would like to work on one of your projects. Great job! I will get across via Github.
  - meerita 3y ago
    Thank you, all PR are welcome.
- photonerd 3y ago
  That is a very nicely constructed project!
aobdev 3y ago
In what way is it a JS framework? There’s a build step because there’s so many possible utility class combinations that it would be size-prohibitive to ship them all.
agloe_dreams 3y ago
Well, so is this. They both use PostCSS. But the JS is only in the build system. Tailwind does not deploy JS.
- photonerd 3y ago
  Right, didn’t mean to imply it did.
evantbyrne 3y ago
CSS is so good these days you could just write it directly. I suspect that CSS bloat is not a real problem for most people. The value of Tailwind seems to be the ecosystem of styled components rather than Tailwind syntax itself.
- meerita 3y ago
  Yes, I don't use Sass or LESS anymore.

I want a CSS framework. Tailwind is practically a JS framework at this point. It’s own custom build system & everything. Personally? Not a fan. Wish it would have stuck to utility classes.

meerita 3y ago

Well, I wrote a functional CSS framework that is platform agnostic. It was built on sass. Post: https://www.minid.net/2019/4/7/the-css-utilitarian-methodology https://www.minid.net/2019/4/7/the-css-utilitarian-methodolo..., github https://github.com/meerita/utilcss https://github.com/meerita/utilcss I am working a different project now, and now I evolved it to simply pure css files that i compile later with postcss and purge everything. The latest and newest i did https://github.com/meerita/fcss https://github.com/meerita/fcss just drop into your react app, in this order: root.css normalizer.css generics.css (all css classes) sm.css (mobile classes) md.css (mid desktop/iPad) lg.css (standard desktop) xl.css (large desktop) xxl for large large desktops The usage is easy, lets build a grid: <div className='display--grid gap--8'>...</div> Those are from the generics.css, but if you need 2 cols in mobile and 4 in desktop you can do it <div className='display--grid gap--8 sm-template-columns--2 md-template-columns--4'>...</div> The structure of every class is made using the css language, contrary to tailwind has its own syntax. it takes huge amount of time and mental effort to get it. With FCSS you learn the pattern and you can advance it or extend it.

ejanus 3y ago
I would like to work on one of your projects. Great job! I will get across via Github.
- meerita 3y ago
  Thank you, all PR are welcome.
photonerd 3y ago
That is a very nicely constructed project!

aobdev 3y ago

In what way is it a JS framework? There’s a build step because there’s so many possible utility class combinations that it would be size-prohibitive to ship them all.

agloe_dreams 3y ago

Well, so is this. They both use PostCSS. But the JS is only in the build system. Tailwind does not deploy JS.

photonerd 3y ago
Right, didn’t mean to imply it did.

evantbyrne 3y ago

CSS is so good these days you could just write it directly. I suspect that CSS bloat is not a real problem for most people. The value of Tailwind seems to be the ecosystem of styled components rather than Tailwind syntax itself.

meerita 3y ago
Yes, I don't use Sass or LESS anymore.