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 _navigation.md you might use:

<!-- @import _navigation -->