Job listings with filtering using React context hook and Stitches

Thank you for stopping by!

In this project on top of React I tried to implement Stitches library and now I have some questions for those who had a chance of working with it or with Styled components.

Could you please tell me how you set margins on elements? Because I think such things have to be set outside the component's description because in case they are moved you should be able to just change a couple of words inside component's call and you are done. I did this by writing margins using css={{}} inside of component's call but I bumped into an issue when I tried to change margins depending on a class name that I added for animations using JS because css={{}} is like an inline css and have precedence over anything else.

And the next question, how do you handle animations with such a library? With plain CSS I could just add custom class using JS to a component that needs to be animated and describe its animation states inside CSS file.

Thank you!