Re-structured styles

styles/_badges.scss

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

styles/_base.scss

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

styles/_blog-list.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;
+    }
+}

styles/_blog-post.scss

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

styles/_experience.scss

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

styles/_footer.scss

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

styles/_meetups.scss

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

styles/_testimonials.scss

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

styles/site.scss

@@ -0,0 +1,12 @@
+@import '../vendor/bower/bootstrap-sass/assets/stylesheets/bootstrap/variables';
+@import '../vendor/bower/bootstrap-sass/assets/stylesheets/bootstrap/mixins/clearfix';
+@import '../vendor/bower/compass-breakpoint/stylesheets/breakpoint';
+
+@import 'base';
+@import 'badges';
+@import 'experience';
+@import 'meetups';
+@import 'footer';
+@import 'testimonials';
+@import 'blog-list';
+@import 'blog-post';

styles/vendor.scss

@@ -0,0 +1,2 @@
+@import '../vendor/bower/compass-breakpoint/stylesheets/breakpoint';
+@import '../vendor/bower/bootstrap-sass/assets/stylesheets/bootstrap';