Customise Semantic-UI

Semantic UI appears to be no longer under active development. However, thanks to the Open Source community it is still getting deveoped by under a different name - Fomantic UI.

I never had the need customise Semantic-UI. I only ever used it within internal apps and it worked well. Recently, I decided to use it in a client-facing website. The recent version of Fomantic ui has close to 1.3 MB for minified CSS and 700 KB for JS. The sheer size caused on average 1.8s delay (download + rendering). The solution was very simple, customise it. From the website and tutorials it wasn't clear enough what would be the most effective way of getting things working.

Firstly install Fomantic-UI using npm, and follow the instructions