sass generates to many duplicate css

Problem/Motivation

Currently there is to many duplicate css inside compiled files.

eg fontfaces of font-awesome are defined in 4 different files.
--clr-spot-1 is defined in 3 different files.
.button styles are defined in 3 different files.

This should be cleaned up, and fixed with dependencies on libraries. This will reduce load times and we will have compacter css files.

Proposed resolution

Check why there are so many different files and if we all need them.
If more then one file needs the same code, this should be fixed with libraries en dependencies.
eg: if you need the font-faces in more then one place, make sure gulp generates it 1 time, and add dependencies to the libraries.

Remaining tasks

//