Installation is Confusing

[aubreypwd]

Total noob to OP here, but a long-time developer and I have to say that understanding what to do with all these CSS files is confusing.

Context

I want to use OP in my project: a simple HTML project where I want to write CSS and use the properties in my .css files. I want to avoid @import and any build steps. I just want to load in the CSS file(s) and use the properties.

A nice-to-have would be to be able to load in .css files for props I want to use, e.g. I would not load in animations.css if I'm not using any animations, etc—just to keep my CSS as lean as possible. But honestly, if the file was small enough, a single .css file with everything I need would also be great.

The Confusion

But, I don't even know where to start honestly. https://open-props.style/#getting-started does not make it clear what I need to load in and when and why. For instance does open-props.min.css give me everything? Is it the base I need and then load in other "PropPacks?" I understand that normalize.min.css, theme.dark.css etc use the props, but from where? What do I need to load in so it works? From open-props.min.css? Where do I get paddings? Margins?

...anyhow. What to do is too confusing for someone like me who just wants to use the thing.