Organised sass partials

source/_layouts/default.html.twig

@@ -68,8 +68,8 @@
                 {% block sidebar_wrapper %}
                     <div class="col-md-3">
                         {% block sidebar %}
-                            <div class="panel panel--badges">
-                                <a class="panel--badges--badge__da-member" href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member.">
+                            <div class="panel badges">
+                                <a class="badges__badge--da-member" href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member.">
                                     <img src="{{ site.images_url }}/assets/images/da-individual-member.png" alt="Drupal Association Individual Member">
                                 </a>
 

source/experience.html.twig

@@ -91,7 +91,7 @@ experiences:
                 {% endif %}
 
                 {% if company.logo %}
-                    <img class="experience--logo" src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.title }} logo">
+                    <img class="experience__logo" src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.title }} logo">
                 {% endif %}
 
                 <div class="role-wrapper">

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';