Moved things

sass/base/_base.scss

@@ -0,0 +1,7 @@
+body {
+  padding-top: 60px;
+}
+
+main img {
+  @extend .img-responsive;
+}

sass/base/_lists.scss

@@ -0,0 +1,11 @@
+dt {
+  margin-top: .5em;
+
+  &:after {
+    content: ':';
+  }
+}
+
+dd {
+  padding-left: 2em;
+}

sass/base/_tables.scss

@@ -0,0 +1,3 @@
+table {
+  width: 100%;
+}

sass/components/_about-author.scss

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

sass/components/_footer.scss

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

sass/components/_latest-posts.scss

@@ -0,0 +1,6 @@
+.latest-posts {
+  li.active a {
+    color: $dark-gray;
+    font-weight: $semibold;
+  }
+}

sass/components/_navbar.scss

@@ -0,0 +1,7 @@
+/*
+@each $page in experience, services, testimonials, talks, blog, contact {
+    .page--#{$page} .nav__#{$page} {
+        @extend .active;
+    }
+}
+*/

sass/components/blocks/_drupalcon-la.scss

@@ -0,0 +1,5 @@
+.block--drupalcon_la {
+  img {
+    margin-bottom: .5em;
+  }
+}

sass/components/blocks/_meetups.scss

@@ -0,0 +1,21 @@
+.meetups {
+  @include clearfix;
+
+  ul {
+    @include inline-block-list;
+  }
+
+  li {
+    padding: 5px 0;
+    margin: 0 5px 5px 0;
+  }
+
+  a {
+    display: block;
+  }
+
+  img {
+    max-height: 45px;
+    width: auto;
+  }
+}

sass/components/pages/_blog-listing.scss

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

sass/components/pages/_testimonials.scss

@@ -0,0 +1,11 @@
+.page--testimonials .testimonial {
+  @include clearfix;
+  margin-bottom: 10px;
+
+  .testimonial__image {
+    float: right;
+    margin: 0 0 10px 10px;
+    max-height: 100px;
+    max-width: 100px;
+  }
+}

sass/styles.scss

@@ -0,0 +1,6 @@
+@import 'compass';
+@import 'bootstrap';
+
+@import "variables/**/*";
+@import "base/**/*";
+@import "components/**/*";

sass/variables/_colours.scss

@@ -0,0 +1 @@
+$dark-gray: #333;

sass/variables/_typography.scss

@@ -0,0 +1,2 @@
+// Font weights.
+$semibold: 500;