Add this repo as a submodule in your app:

$ git submodule add https://github.com/LEFapps/kce-common.git

Make sure you add this folder to your .eleventyignore file, otherwise it might be included in your _site build.

You can now import files from kce-common in your css/main.scss:

@import "../kce-common/css/_settings", "<your custom settings>", "../kce-common/css/_common";

Note that the inclusion of _common.scss automatically includes bootstrap as well. So the complete load order is this:

• Common KCE scss settings (variables)
• Custom overrides of scss variables
• Shared KCE components, configured by variables
• Bootstrap, configured by variables

Due to 11ty / liquid restrictions, you can not include files from outside the _includes folder in your templates. Solve this by symlining the section folder in this repo in your _includes folder:

$ cd _includes
$ ln -s ../kce-common/sections