File Imports


You can include the contents of one file within another by using the <-- @import PATH --> or <-- @include PATH --> directive (which you use is a stylistic choice; we recommend @import as it is more consistent with SCSS and LESS).

Importing uses the same logic as fuzzy paths, so you can use relative paths, exclude extensions, etc.

Files you import will be compiled by Dynamo, if necessary, and they inherit their parent's variables.

For instance, if you wanted to import a shared fragment for your site navigation that lives in the file you might use:

<!-- @import _navigation -->