Theme’s extension for applications

Usually, when an application needs some additional SASS, it should be a new component, added in the theme. Sometimes, however, applications can have a very specific presentation, for instance when they provide UX-based functionalities, or when you need to use a CSS library. In these cases, it’s possible to use custom SASS in your applications.


To add customized styles to your application, you need to add a new sass folder in your public folder:


Subfolders will be matched with themes of the same name. For instance, if your parent theme is "my-theme", you may add a "my-theme" subfolder:


If you add a "global" subfolder, its content will be added to all themes:


If several files are present, they will be added in alphabetical order:


Files in subfolders won’t be added, but can be imported from the main file:


In \_my-app.scss:

@import "navigation/navigation2";
@import "navigation/navigation1";

Variables and mixins from the main theme can be used in apps customization:

color: $accent;
Keep in mind that this is not the place to add new components. If other applications rely on customized SASS, they might lose their SASS when the application is unavailable. If the parent theme is proprietary, and the application is open source, it’s best to put the application SASS in the theme repository in an applications folder, or you might run into some legal issues.

results matching ""

    No results matching ""