Organised sass partials

styles/components/_badges.scss

@@ -1,4 +1,4 @@
-.panel--badges {
+.badges {
     > a {
         display: block;
         margin: 0 0 10px;

styles/components/_testimonials.scss

@@ -1,4 +1,4 @@
-.page--testimonials .testimonial {
+.testimonial {
     @include clearfix;
     margin-bottom: 10px;
 

styles/pages/_experience.scss

@@ -1,7 +1,7 @@
 .experience {
     @include clearfix;
 
-    .experience--logo {
+    .experience__logo {
         @extend .pull-right;
         margin: 0 0 10px 10px;
         max-width: 25%;

styles/site.scss

@@ -10,11 +10,11 @@
 @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';
-@import 'portfolio';
+@import 'components/badges';
+@import 'components/footer';
+@import 'components/meetups';
+@import 'components/testimonials';
+@import 'pages/blog-list';
+@import 'pages/blog-post';
+@import 'pages/experience';
+@import 'pages/portfolio';