A Trowel component cannot be compiled without Trowel installed into your scss file. So you need first to install Trowel-core which is the scss algorithm making every Trowel component working.
You can download Trowel via command line with npm, yarn or bower as shown below.
# npm npm install trowel-core --save # yarn yarn add trowel-core # bower bower install trowel-core --save
You can also download a ZIP clicking here.
Once downloaded, import it at the top of your main
scss file :
// main.scss @import 'path/to/your/dependencies/trowel-core/src/trowel';
Trowel-core installed, we are now good to go and we can implement a Trowel Component.
Download the Trowel Component you want to use, and import it after
trowel-core into your main
The download and the file to import depends on each library, but for the official FriendsOfTrowel components, it always respects the same pattern.
// main.scss @import 'path/to/your/dependencies/trowel-core/src/trowel'; // the trowel component we want to use @import 'path/to/your/dependencies/trowel-button/trowel-buttons/src/scss/buttons'