Sum up

Asterix provides several tools to help you with consistently extending your design system and facilitating its HTML integration.

• inject as many variables as needed with --update-vars()

• use them in scss with --var() and/or expose them on the css side with --set-css-variables()

• extend your basic design system elements through specifiers with --spe()

• build meaningful mobile-first media queries with --mq()

• create custom attributes by combining all this tools together 🤯