Add ability to customize theme without modyfing it

Users now can implement their own changes in 'assets/scss/_custom.scss' which
will be automatically picked up by Hugo during SCSS processing.

Signed-off-by: Piotr Bocheński <bochenski.piotr@gmail.com>

README.md

@@ -10,14 +10,14 @@ Theme to build a customizeable printable HTML/CSS CV.
  - Customizeable colors
 
 ## Print your PDF CV
-When printing the page in the browser, you'll get a formatted A4 page that can be used as your PDF resume. 
+When printing the page in the browser, you'll get a formatted A4 page that can be used as your PDF resume.
 If your page holds more than 1 A4 page, the content will be divided into the given amount of pages.
 
 For better formatting, you can set the number of pages in the `config.toml` file.
 
 If badges and other elements with background don't render correctly, remember to toggle the "Background Graphics" option in the print dialog.
 
-# Download 
+# Download
 Clone the repo: `git clone https://github.com/ineesalmeida/almeida-cv`
 
 # Installation
@@ -37,17 +37,18 @@ hugo server -D
 The theme is alive on http://localhost:1313/.
 
 ## Customization
-You can change the theme colors and number of pages in the `config.toml` file.
-Your professional data should be added in the `data/content.yaml`.
+Your professional data should be added in the `data/content.yaml` file. You can change the theme colors and number of
+pages in the `config.toml` file. For working example, see `exampleSite` directory.
 
+For more advanced customization, in your site root directory create `assets/scss/_custom.scss` file where you can
+overwrite theme SCSS as per your liking.
 
-# Building 
+# Building
 To generate your site in the public folder, execute the following:
 ```
 hugo
 ```
 within the root of your project.
 
-
-# Contributing 
+# Contributing
 Post bugs and contributions to the issue tracker. Or make a pull request.

assets/scss/_custom.scss

@@ -0,0 +1 @@
+// override me

assets/scss/main.scss

@@ -1,5 +1,3 @@
-
-// HUGO variables
 $color-primary: {{ .Site.Params.colorPrimary | default "#e3bfb8"}} !default;
 $color-primary-text: {{ .Site.Params.colorPrimaryText | default "#fff"}} !default;
 $color-background: {{ .Site.Params.colorPageBackground | default "#ddd" }} !default;
@@ -25,5 +23,6 @@ $pages: {{ .Site.Params.pages | default 1}} !default;
 @import "components/skills";
 @import "components/languages";
 @import "components/interests";
+@import "components/404";
 
-@import "components/404";
+@import "custom";