Style Guide
This small guide is to clarify how you can add your own stylings to the 3SC extension. Before you start you might want to take a look here because the 3SC extension offers you the possibility to adjust colours to the web shop CI over the backend too.
Activate file watcher
Activate an Filewatcher less compiler, on:
/htdocs/app/code/UnifiedArts/Tsc/view/frontend/web/css/tsc-styles.lesssetup and run grunt watcher
Activate setup and run grunt watcher for the current theme
grunt clean:luma && grunt exec:luma && grunt less:luma && grunt watch
Live Reload
Activate livereload extension in browser for this project. Do some changes in Tsc module less files, in order to see if these applies on the fly in browser
tip
IF NOT, than delete the generated pub/static/frontend/{vendor}/{theme}/{locale}/UnifiedArts_Tsc/css/tsc-styles.css
(it will automatically generate on next page reload).