Start conversion to SASS (finally)

.gitignore

@@ -1 +1,2 @@
 node_modules
+stylesheets

README.md

@@ -1,8 +1,8 @@
 # Slique #
-A clean and soothing theme for Reddit. [View the demo](http://reddit.com/r/slique) for 
+A clean and soothing theme for Reddit. [View the demo](http://reddit.com/r/slique) for
 markup required to style the sidebar.
 
 
 ### Installation ###
-1. Click on slique.min.css and paste the code into your subreddit's stylesheet.
+1. Click on SLIQUE.css and paste the code into your subreddit's stylesheet.
 2. Upload the images in the images folder (but not the icons!) and hit save.

gulpfile.js

@@ -3,27 +3,43 @@ var autoprefixer = require('gulp-autoprefixer');
 var minifyCss = require('gulp-minify-css');
 var replace = require('gulp-replace');
 var rename = require('gulp-rename');
+var sass = require('gulp-sass');
 
 gulp.task('build', function() {
-    return gulp.src('./slique.css')
+    // return gulp.src('./slique.css')
+    return gulp.src('./sass/*.scss')
 
         /* Uncomment reddit resources, e.g. background: url(%%image%%); */
         .pipe(replace(/\/\*(?:(?:.|\n)(?:(?!\*\/)))*?(.*%%.*;)(?:.|\n)*?\*\//g,'$1'))
 
         /* Remove normal urls with external resources */
         .pipe(replace(/\n.*?url\([\'\"]?[^%].*/g,''))
 
+        .pipe(sass())
+
+        .pipe(replace('@charset "UTF-8";',''))
+
         .pipe(autoprefixer())
 
         /* Remove not allowed webkit flex prefixes from autoprefixer */
         .pipe(replace(/.*-webkit-box-(align|orient|ordinal|direction).*/g,''))
 
         .pipe(minifyCss())
 
-        .pipe(rename(function(path) {
-            path.basename += '.min';
-        }))
+        .pipe(rename('./SLIQUE.css'))
+
         .pipe(gulp.dest('./'));
 });
 
+gulp.task('sass', function() {
+    return gulp.src('./sass/*.scss')
+        .pipe(sass().on('error', sass.logError))
+        .pipe(gulp.dest('./stylesheets/'));
+});
+
+gulp.task('watch', function() {
+    gulp.watch('./sass/*.scss', ['sass']);
+});
+
+
 gulp.task('default', ['build']);

package.json

@@ -13,6 +13,7 @@
     "gulp-autoprefixer": "^2.3.1",
     "gulp-minify-css": "^1.2.1",
     "gulp-rename": "^1.2.2",
-    "gulp-replace": "^0.5.4"
+    "gulp-replace": "^0.5.4",
+    "gulp-sass": "^2.0.4"
   }
 }