sidebar content padding & compiling issue

css/editor.css

@@ -46,7 +46,8 @@ body {
   border: 1px solid #DDDDDD;
   border-radius: 4px;
   position: relative;
-  word-wrap: break-word; }
+  word-wrap: break-word;
+  padding-left: 220px; }
 
 .edit .demo:after {
   background-color: #F5F5F5;

gulpfile.js

@@ -4,11 +4,11 @@ var gulp = require('gulp');
 var sass = require('gulp-sass');
 
 gulp.task('sass', function () {
-  gulp.src('scss/*.scss')
+  gulp.src('scss/**/*.scss')
     .pipe(sass().on('error', sass.logError))
     .pipe(gulp.dest('css'));
 });
 
 gulp.task('sass:watch', function () {
-  gulp.watch('scss/*.scss', ['sass']);
+  gulp.watch('scss/**/*.scss', ['sass']);
 });

scss/partials/_legacy.scss

@@ -43,8 +43,10 @@ body {
   position:relative;
   word-wrap: break-word;
   padding-left: 220px;
+
 }
 
+
 .edit .demo:after {
 	background-color: #F5F5F5;
 	border: 1px solid #DDDDDD;