96 karma · joined August 5, 2020
2. If you need to use the same group of utility classes over and over, extract to a class - either with @apply (if you want to keep the flexibility of config updates) or vanilla.
3. I'm not sure I'm following here - if you're changing the value of a tailwind class, you should do that via the config
4. I've found the naming differences easy enough to follow - line-height vs leading makes sense if you come from a design background. I think the biggest gotcha I had early on was everything is mobile first by default - so sm:* is actually _larger_ than the default.
5. the JIT is a wonderful addition, but does come with overhead currently - so that's why it (i assume) isn't just the default way of doing things.
6. not a problem i've run across, but why would a component config supersede an app config?
to your last point, we use tailwind in conjunction with a fair amount of legacy sass to do what we need (many small nuances, spread across 4 different sites, that are otherwise the same) - I would urge against mixing tailwind and SASS if only for the build speed, PostCSS should be able to do everything you need there and it'll just make the builds a bit faster.
tho I feel like what myself and my team works on is a far cry from your standard HN web app - so my experiences are probably very different.
input {
margin-top: 1rem;
width: 100%;
padding: 2rem 3rem;
background-color: white;
border: 1px solid slate;
border-radius: 25%;
font-size: 1rem;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
}
now, most of that is pretty straight forward - but you're just going to end up with a whole lot of copypasta when you need to implement outline/focus/shadow/etc state on many elements. and maybe on some specific instances of them you don't want that, so then you have to create a class just to override your global defaultsmy model must be defective :(
edit: HDR, not UHD...tho have only noticed it predominate on their originals vs purchases.
weeps in searing steaks with no hood at all :'(
email would like a word.