Use sass rather than scss

gulp/styles.coffee

@@ -1,4 +1,4 @@
 g = require 'gulp'
 
 g.task 'styles', ->
-  g.css 'styles/site.scss', 'site.css'
+  g.css 'styles/site.sass', 'site.css'

gulp/vendor.coffee

@@ -4,7 +4,7 @@ g.task 'vendor', -> g.start 'vendor-styles', 'vendor-scripts'
 
 g.task 'vendor-styles', ->
   g.css [
-    'styles/vendor.scss',
+    'styles/vendor.sass',
     'vendor/bower/font-awesome/css/font-awesome.css'
   ], 'vendor.css'
 

styles/_base.sass

@@ -1,15 +1,11 @@
-body {
+body
     padding-top: 60px;
-}
 
-main {
+main
     a:link,
-    a:hover {
+    a:hover
         border-bottom: 1px solid;
         text-decoration: none;
-    }
 
-    img {
+    img
         @extend .img-responsive;
-    }
-}

styles/components/_badges.sass

@@ -1,15 +1,11 @@
-.badges {
-    > a {
+.badges
+    > a
         display: block;
         margin: 0 0 10px;
         text-align: center;
 
-        &:last-child {
+        &:last-child
             margin-bottom: 0;
-        }
 
-        &[class$="da-member"] img {
+        &[class$="da-member"] img
             max-width: 175px;
-        }
-    }
-}

styles/components/_footer.sass

@@ -1,5 +1,4 @@
-.copyright {
+.copyright
     border-top: 1px solid #CCC;
     margin-top: 1em;
     padding-top: 1em;
-}

styles/components/_meetups.sass

@@ -1,24 +1,19 @@
-.meetups {
+.meetups
     @include clearfix;
 
-    ul {
+    ul
         list-style: none;
         padding-left: 0;
         margin-left: 0;
-    }
 
-    li {
+    li
         display: inline-block;
         padding: 5px 0;
         margin: 0 5px 5px 0;
-    }
 
-    a {
+    a
         display: block;
-    }
 
-    img {
+    img
         max-height: 40px;
         width: auto;
-    }
-}

styles/components/_testimonials.sass

@@ -1,17 +1,14 @@
-.testimonial {
+.testimonial
     @include clearfix;
     margin-bottom: 10px;
 
-    .testimonial__image {
+    .testimonial__image
         @extend .img-circle;
         @extend .pull-right;
         height: 75px;
         margin: 0 0 10px 10px;
         width: 75px;
 
-        @include breakpoint($screen-sm) {
+        @include breakpoint($screen-sm)
             height: 90px;
             width: 90px;
-        }
-    }
-}

styles/pages/_blog-list.sass

@@ -1,14 +1,11 @@
-.page--blog__list {
-    ul.posts {
+.page--blog__list
+    ul.posts
         list-style: none;
         margin-bottom: 2em;
         padding-left: 0;
-    }
 
-    .post {
+    .post
         @include clearfix;
         border-bottom: 1px solid #CCC;
         margin-bottom: 1em;
         padding-bottom: 2em;
-    }
-}

styles/pages/_blog-post.sass

@@ -1,8 +1,6 @@
-.about-author {
+.about-author
     @include clearfix;
 
-    img {
+    img
         float: left;
         margin: 0 1em 1em 0;
-    }
-}

styles/pages/_experience.sass

@@ -1,14 +1,11 @@
-.experience {
+.experience
     @include clearfix;
 
-    .experience__logo {
+    .experience__logo
         @extend .pull-right;
         margin: 0 0 10px 10px;
         max-width: 25%;
-    }
 
-    .role-wrapper {
+    .role-wrapper
         font-style: italic;
         margin-bottom: 10px;
-    }
-}

styles/pages/_portfolio.sass

@@ -1,28 +1,21 @@
-.project--skills {
-    ul {
+.project--skills
+    ul
         list-style: none;
         margin-left: 0;
         padding-left: 0;
-    }
 
-    li {
+    li
         display: inline-block;
         margin-right: 5px;
-    }
 
-    img {
+    img
         max-height: 30px;
-    }
-}
 
-.project--company__has-logo {
+.project--company__has-logo
     a:link,
-    a:hover {
+    a:hover
         border-bottom: 0;
         display: block;
-    }
 
-    img {
+    img
         max-height: 50px;
-    }
-}