diff --git a/gulp/content/file.js b/gulp/content/file.js
index c5f4621..4b412df 100644
--- a/gulp/content/file.js
+++ b/gulp/content/file.js
@@ -42,8 +42,7 @@ module.exports = exports = class File {
     this.basename = basename;                    // index.ext, fileA.ext, fileB.ext
     this.ext      = file.ext;
 
-    this.out = path.join(this.base, `${this.name}${this.ext}`);
-    this.url = path.join(this.dir,  `${this.name}${this.ext}`);
+    this._out();
 
     this.serializable = [
       'kind',
@@ -69,6 +68,11 @@ module.exports = exports = class File {
     return dir;
   }
 
+  _out () {
+    this.out = path.join(this.base, `${this.name}${this.ext}`);
+    this.url = path.join(this.dir,  `${this.name}${this.ext}`);
+  }
+
   load () {}
 
   tasks () {
diff --git a/gulp/content/scss.js b/gulp/content/scss.js
index 718dd5b..4802423 100644
--- a/gulp/content/scss.js
+++ b/gulp/content/scss.js
@@ -31,6 +31,12 @@ class Sass extends File {
     return dir;
   }
 
+
+  _out () {
+    this.ext = '.css';
+    super._out();
+  }
+
   async load (prod) {
     let contents = (await readFile(this.input).catch(() => null)).toString('utf8');