One way to share styles between components is to use Stencil’s global styles. This is an option in the stencil.config.ts
file that allows you to specify a stylesheet that will be applied to all components. For details on how to configure global styles, please see the global styles documentation. Alternatively, if you are using @stencil/sass
for your styles, you can similarly import global styles into all of your components with the injectGlobalPaths
config. You can find more details about this configuration in the @stencil/sass readme
.