sass: correctly load _sass files so they are handled by jekyll during...

sass: correctly load _sass files so they are handled by jekyll during site-build and can easily be extended with custom _sass

Rakefile

@@ -18,8 +18,16 @@ task :build do
   # Add (S)CSS and other resources
   puts '[Gathering assets from Node]'
 
-  FileUtils.mkdir_p('_sass')
-  FileUtils.copy_entry 'node_modules/slick-carousel', '_sass/slick-carousel'
+  FileUtils.mkdir_p('_sass/slick/')
+  FileUtils.copy_entry(
+     'node_modules/slick-carousel/slick/slick.scss', 
+     '_sass/slick/slick.scss'
+  )
+  FileUtils.copy_entry(
+     'node_modules/slick-carousel/slick/slick-theme.scss', 
+     '_sass/slick/slick-theme.scss'
+  )
+
   FileUtils.mkdir_p('assets/css/fonts')
   FileUtils.copy_entry(
     'node_modules/slick-carousel/slick/fonts/slick.woff',

_config.yml

 sass:
-  load_paths:
-    - _sass
+  sass_dir: _sass
+  style: compressed

_layouts/base.html

@@ -22,7 +22,7 @@
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
-    <link rel="stylesheet" href="{{ "/assets/css/hci-style.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
 
     {% if site.favicon %}
     <link rel="icon" href="{{ site.favicon }}">

_sass/_main.scss

-@import "constants";
-@import "icons";
-@import "base";
-@import "utilities";
-@import "bibsonomy";
\ No newline at end of file

_sass/hci-theme.scss

+@import "hci-theme/constants";
+@import "hci-theme/icons";
+@import "hci-theme/base";
+@import "hci-theme/utilities";
+@import "hci-theme/bibsonomy";
+
+@import "slick/slick.scss";
+@import "slick/slick-theme.scss";

assets/css/hci-style.scss

----
---- 
-
-@import "slick-carousel/slick/slick.scss";
-@import "slick-carousel/slick/slick-theme.scss";
-@import "main";
\ No newline at end of file

assets/css/main.scss

+---
+--- 
+
+@import "hci-theme";