Do not misunderstand me, technically speaking i like your library :) but i think also it "force" two completely different worlds to work together.
Using shorthand properties sometime allow you to write more concise css and save some bytes. Following my example, where all padding values are different, you can't use the padding shorthand (padding: 16px 8px 34px 32px) because you have to separate each value into longhand form, and it will become:
Why i don't like ACSS? Because in 2018, it can be mooore simple:
@keyframesfade{from{opacity:var(--startingOpacity,0),pointer-events:none;}to{opacity:var(--endingOpacity,1),pointer-events:auto;}}/* One animation to handle in-out */.FadeAnimation{--startingOpacity:0;--endingOpacity:1;--duration:300ms;--iterations:1;--easing:linear;--fill-mode:both;animation:fadevar(--duration)var(--itarations)var(--easing);animation-fill-mode:var(--fill-mode);}
I think it's important to remember that writing atomic css does not preclude you from writing your more simple example.
Clearly writing that animation as a bunch of separate atomic classes would be a bad idea, so in a real world app, you would write it exactly as you did. To me always writing functional css is not a hard and fast rule, just a good tool for preventing bloat and enabling consistency.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Do not misunderstand me, technically speaking i like your library :) but i think also it "force" two completely different worlds to work together.
Using shorthand properties sometime allow you to write more concise css and save some bytes. Following my example, where all padding values are different, you can't use the padding shorthand (
padding: 16px 8px 34px 32px
) because you have to separate each value into longhand form, and it will become:Tons of classes to write where it could be just:
This is just an example, think also animations handling. How many classes do you need to write this example with atomic CSS?
It become:
Why i don't like ACSS? Because in 2018, it can be mooore simple:
I think it's important to remember that writing atomic css does not preclude you from writing your more simple example.
Clearly writing that animation as a bunch of separate atomic classes would be a bad idea, so in a real world app, you would write it exactly as you did. To me always writing functional css is not a hard and fast rule, just a good tool for preventing bloat and enabling consistency.