cleaning and ordering sass files

_sass/_base.scss

@@ -8,25 +8,6 @@ dl, dd, ol, ul, figure {
     padding: 0;
 }
 
-
-
-/**
- * Basic styling
- */
- /*
-body {
-    font-family: $base-font-family;
-    font-size: $base-font-size;
-    line-height: $base-line-height;
-    font-weight: 300;
-    color: $text-color;
-    background-color: $background-color;
-    -webkit-text-size-adjust: 100%;
-}
-*/
-
-
-
 /**
  * Set `margin-bottom` to maintain vertical rhythm
  */
@@ -37,77 +18,6 @@ ul, ol, dl, figure,
     margin-bottom: $spacing-unit / 2;
 }
 
-
-
-/**
- * Images
- */
-img {
-    max-width: 100%;
-    vertical-align: middle;
-}
-
-
-
-/**
- * Figures
- */
-figure > img {
-    display: block;
-}
-
-figcaption {
-    font-size: $small-font-size;
-}
-
-
-
-/**
- * Lists
- */
-ul, ol {
-    margin-left: $spacing-unit;
-}
-
-li {
-    > ul,
-    > ol {
-         margin-bottom: 0;
-    }
-}
-
-
-
-/**
- * Headings
- */
-h1, h2, h3, h4, h5, h6 {
-    font-weight: 300;
-}
-
-
-
-/**
- * Links
- */
- /*
-a {
-    color: $brand-color;
-    text-decoration: none;
-
-    &:visited {
-        color: darken($brand-color, 15%);
-    }
-
-    &:hover {
-        color: $text-color;
-        text-decoration: underline;
-    }
-}
-*/
-
-
-
 /**
  * Blockquotes
  */
@@ -124,8 +34,6 @@ blockquote {
     }
 }
 
-
-
 /**
  * Code formatting
  */
@@ -152,30 +60,6 @@ pre {
     }
 }
 
-
-
-/**
- * Wrapper
- */
-.wrapper {
-    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
-    max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
-    margin-right: auto;
-    margin-left: auto;
-    padding-right: $spacing-unit;
-    padding-left: $spacing-unit;
-    @extend %clearfix;
-
-    @include media-query($on-laptop) {
-        max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
-        max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
-    }
-}
-
-
-
 /**
  * Clearfix
  */
@@ -188,8 +72,6 @@ pre {
     }
 }
 
-
-
 /**
  * Icons
  */
@@ -205,4 +87,4 @@ pre {
             fill: $grey-color;
         }
     }
-}
+}

_sass/_layout.scss

@@ -1,8 +1,16 @@
+//
+// Generals styles for material design light elements
+//
+
+// Page container
+
 .page-content{
   max-width: 1200px;
   margin: 0 auto;
 }
 
+// Cards styles
+
 .mdl-card__title {
   color: #fff;
   height: 176px;
@@ -19,6 +27,8 @@
   bottom: 25px;
 }
 
+// Index highlight card
+
 .section-highlight {
   position: relative;
   margin: 10px;

_sass/_post.scss

@@ -1,3 +1,7 @@
+//
+// Styles for post 
+//
+
 .post-ribbon {
   width: 100%;
   height: 40vh;
@@ -25,5 +29,4 @@
     }
   }
 
-
 }