diff --git a/_config.yml b/_config.yml
index ca95b05..4e900d7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -4,7 +4,7 @@ permalink: /:title.html
 highlighter: rouge
 markdown: kramdown
 
-exclude: [README.md, css/base-min.css, css/grids-min.css, css/grids-responsive-min.css]
+exclude: [README.md]
 
 collections:
     changelogs:
@@ -16,6 +16,7 @@ plugins:
   - jekyll-sitemap
 
 sass:
+  sass_dir: css
   style: compressed
 
 # jekyll-seo-tag specific
diff --git a/css/base-min.css b/css/_base-min.scss
similarity index 100%
rename from css/base-min.css
rename to css/_base-min.scss
diff --git a/css/grids-min.css b/css/_grids-min.scss
similarity index 100%
rename from css/grids-min.css
rename to css/_grids-min.scss
diff --git a/css/grids-responsive-min.css b/css/_grids-responsive-min.scss
similarity index 100%
rename from css/grids-responsive-min.css
rename to css/_grids-responsive-min.scss
diff --git a/css/style.scss b/css/style.scss
index 31d2c3c..dab3bc2 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -1,9 +1,9 @@
 ---
 ---
 
-@import 'css/base-min';
-@import 'css/grids-min';
-@import 'css/grids-responsive-min';
+@import 'base-min';
+@import 'grids-min';
+@import 'grids-responsive-min';
 
 // Page body background color
 $body-background-color: hsl(0, 0%, 95%);
@@ -205,7 +205,7 @@ header.main {
 	padding-right: 48px;
 	float: left;
 	font-size: 2.5em;
-	background: url("arrow.png") no-repeat right;
+	background: url("./arrow.png") no-repeat right;
 }
 
 nav {