Inline styles can be any value or property, leading to inconsistencies in padding/colors/etc
Yes, but what happens when your library has text-16, text-17, text-19...?
Inline styles complicate specificity
nah
, and are not responsive
That is so true!
your atomic classes would on subsequent pages
But their use isn't cached, it's in the dynamic markup. Sidenote: Yes, I know the pre-parsed css has better performance. Yes, I know there is a performance advantage when your markup is generated on the client vs actually doing inline styles for all the nodes in JS
Couldn't you just put the inline text color up on the div as well?🤔
duplicate properties like display: block or display: flex
You mean duplicate them where they were already applied? Because that's a sign of having no idea what they're doing.
Whereas if by duplicate you mean it is a property of a thousand classes, that is to be expected, they might have a thousand different flex container components.
Yes, but what happens when your library has
text-16
,text-17
,text-19
...?nah
That is so true!
But their use isn't cached, it's in the dynamic markup.
Sidenote: Yes, I know the pre-parsed css has better performance. Yes, I know there is a performance advantage when your markup is generated on the client vs actually doing inline styles for all the nodes in JS
Couldn't you just put the inline text color up on the div as well?🤔
You mean duplicate them where they were already applied? Because that's a sign of having no idea what they're doing.
Whereas if by duplicate you mean it is a property of a thousand classes, that is to be expected, they might have a thousand different flex container components.
plz don't haet me @mattwaler , I have the otizms