01brett

11 ms·

1.
by 01brett 5y ago
Absolutely. The Tailwind config makes this really powerful to extend or override. You can reuse the same API for things like spacing with your own values/scale or make your own. The Tailwind docs get into it a bit as you can see here:
2.
by 01brett 5y ago
Chakra is excellent. I recommend it for any React devs considering Bootstrap. It's doubly useful if you don't have a designer.
3.
by 01brett 5y ago
Author here, it depends on what your designer has made. Our designer was using the Tailwind Figma file for the redesign with most of the defaults in place. We added our brand green and a different font to the default config. When I was work
4.
by 01brett 5y ago
I haven't heard of Pollen before. I don't think it was what I was thinking of. Thanks for sharing though. Pollen looks really interesting.
5.
by 01brett 5y ago
Author here, I am eagerly awaiting the next version of Create React App. I'm hoping the upgraded internals will remove the need for CRACO. Here's a link to CRA v5 on Github: https://github.com/facebook/create-
6.
by 01brett 5y ago
Author here, have you looked at twin.macro? https://github.com/ben-rogerson/twin.macro
7.
by 01brett 5y ago
Author here, I would also highly recommend Josh Comeau's CSS for JS Devs course. He covers fundamentals useful in all styling approaches. https://css-for-js.dev/
8.
by 01brett 5y ago
Author here, I am using React. What I've done for "it shares some styles but not others" is create a const sharedStyles = "..." and in my component combine the shared with the unique attributes <CoolCo
9.
by 01brett 5y ago
Author here, would you be interested to read a deep dive of how I'm using Tailwind? I wanted to include it here, but the addition made the post unbearably long. Also, if you have written about your design system implementation with CSS
10.
by 01brett 5y ago
Author here, I have a few custom classes that look like more traditional CSS. Tailwind gives an example[0] of how to do this in their docs. I have about 15 of these extracted classes. I use them for common styling patterns, such as transfor
11.
by 01brett 5y ago
Author here, I will add my kudos for the Tailwind API. The more I've used it and internalized its structure, the more I appreciate the care and effort of its API.
12.
by 01brett 5y ago
Author here, I haven't had time to play around with it, but this library[0] from Atlassian looks like a "best of the both worlds" styling approach: CSS-in-JS authorship without the runtime penalty. [0] https://comp
13.
by 01brett 5y ago
Author here, most of the non-Tailwind CSS I write is browser-specific tweaks or hacks, and mostly for Safari.
14.
by 01brett 5y ago
Author here, while it's not the default, newer versions of Tailwind have an experimental Just In Time mode, which inverts the approach to generate styles as you type them rather than upfront. Using JIT has greatly sped up my developmen
15.
by 01brett 5y ago
Author here, I am a big fan of Tachyons, too. It was my first introduction to utility-class CSS as a styling philosophy.
16.
by 01brett 5y ago
Author here, I just looked at our frontend build and Create React App bundles our CSS into one big {webpack-hash}.css. It scales well for us because the frontend is a single page app.
17.
by 01brett 5y ago
Author here, CSS variables change the landscape in terms of what is possible. I think Theme UI (CSS-in-JS) uses them heavily under the hood. I can't think of the name, but I saw a CSS framework on HN some months back that is almost exc
18.
by 01brett 5y ago
Author here, Agreed. It feels like as big of a revelation as the original execution of Tailwind.
19.
Goodbye CSS Modules, Hello TailwindCSS(polytomic.com)
172 points by 01brett 5y ago|220 comments
20.
by 01brett 5y ago
StopTheMadness would be a great addition to iOS Safari. https://lapcatsoftware.com/articles/StopTheMadness.html