Add modularity

sass/base/base.sass

@@ -1,5 +1,5 @@
 @charset "utf-8"
 
-@import "minireset"
-@import "generic"
-@import "helpers"
+@import "minireset.sass"
+@import "generic.sass"
+@import "helpers.sass"

sass/base/generic.sass

@@ -62,7 +62,7 @@ hr
   border: none
   display: block
   height: 1px
-  margin: 40px 0
+  margin: 20px 0
 
 img
   max-width: 100%

sass/components/components.sass

@@ -1,13 +1,13 @@
 @charset "utf-8"
 
-@import "card"
-@import "highlight"
-@import "level"
-@import "media"
-@import "menu"
-@import "message"
-@import "modal"
-@import "nav"
-@import "pagination"
-@import "panel"
-@import "tabs"
+@import "card.sass"
+@import "highlight.sass"
+@import "level.sass"
+@import "media.sass"
+@import "menu.sass"
+@import "message.sass"
+@import "modal.sass"
+@import "nav.sass"
+@import "pagination.sass"
+@import "panel.sass"
+@import "tabs.sass"

sass/elements/elements.sass

@@ -1,13 +1,13 @@
 @charset "utf-8"
 
-@import "box"
-@import "button"
-@import "content"
-@import "form"
-@import "image"
-@import "notification"
-@import "progress"
-@import "table"
-@import "title"
+@import "box.sass"
+@import "button.sass"
+@import "content.sass"
+@import "form.sass"
+@import "image.sass"
+@import "notification.sass"
+@import "progress.sass"
+@import "table.sass"
+@import "title.sass"
 
-@import "other"
+@import "other.sass"

sass/grid/columns.sass

@@ -2,6 +2,7 @@
 @import "../utilities/variables.sass"
 
 .column
+  display: block
   flex-basis: 0
   flex-grow: 1
   flex-shrink: 1

sass/grid/grid.sass

@@ -1,4 +1,4 @@
 @charset "utf-8"
 
-@import "columns"
-@import "tiles"
+@import "columns.sass"
+@import "tiles.sass"

sass/grid/tiles.sass

@@ -3,6 +3,7 @@
 
 .tile
   align-items: stretch
+  display: block
   flex-basis: auto
   flex-grow: 1
   flex-shrink: 1

sass/layout/layout.sass

@@ -1,5 +1,5 @@
 @charset "utf-8"
 
-@import "hero"
-@import "section"
-@import "footer"
+@import "hero.sass"
+@import "section.sass"
+@import "footer.sass"

sass/utilities/mixins.sass

@@ -34,12 +34,13 @@
   +unselectable
   -moz-appearance: none
   -webkit-appearance: none
-  background-color: rgba($black, 0.2)
+  background-color: rgba($black, 0.1)
   border: none
   border-radius: 290486px
   cursor: pointer
   display: inline-block
   height: 24px
+  outline: none
   position: relative
   vertical-align: top
   width: 24px
@@ -60,7 +61,7 @@
   &:after
     transform: rotate(-45deg)
   &:hover
-    background-color: rgba($black, 0.5)
+    background-color: rgba($black, 0.2)
   // Sizes
   &.is-small
     height: 16px