Installing the particle on your Joomla website is a really simple and easy process. You just need to follow the steps below.
Step 1
Unzip the package particle_name.zip.
Step 2
Copy all the contents inside folder particle_name to custom folder which located at :
root/templates/TEMPLATE_NAME/custom/
Step 3
Add the following code below
@import "particle_name";
in your custom.scss file. If the custom.scss file does not exists, you will need to create it manually. The custom.scss file located at :
root/templates/TEMPLATE_NAME/custom/scss/custom.scss
Also, make sure your custom.scss file has the @import "dependencies"; code at the very top. Basically, this step is the same as the one described in the Adding a Custom Style Sheet chapter in the Gantry 5 Documentation.