How it Works

Learn how rocketship components work with Astro

experimental

Astro

Rocketship components are .astro files. Astro is a wonderful framework that can generate prebuilt or on-demand websites.

Whenn the page is built by Astro, it generates and applies styles to the components.

Theme.astro

The Theme.astro file is a file that contains css variables that are used to style the components. CSS variables are a native way to store and reuse values in CSS. They are set using custom properties and are accessed using the var() function. Rocketship comes with a default set of css variables that can be used to style the components. If you need to change the styling of the components, you can change the css variables in the Theme.astro file.

That’s it!