Tidy sass

assets/sass/components/_contact.sass

@@ -1,11 +0,0 @@
-.page--contact
-    .form__name,
-    .form__email,
-    .form__subject,
-    .form__message
-        @extend .form-group
-
-        [type="email"],
-        [type="text"],
-        textarea
-            @extend .form-control

assets/sass/components/_latest-posts.sass

@@ -1,12 +0,0 @@
-.latest-posts
-    @extend .panel
-    @extend .panel-default
-
-    &__heading
-        @extend .panel-heading
-
-    ul
-        @extend .list-group
-
-    li
-        @extend .list-group-item

assets/sass/components/content-types/_talk.sass

@@ -1,3 +0,0 @@
-.page--talk
-    .abstract__title
-        @extend .sr-only

assets/sass/pages/_projects.sass

@@ -13,7 +13,3 @@
 
             +breakpoint($screen-md)
                 max-width: 33.3%
-
-    &__website
-        @extend .btn
-        @extend .btn-primary

source/_partials/posts/latest.html.twig

@@ -1,10 +1,10 @@
 {% if page.url == '/.' %}
-    <div class="latest-posts">
+    <div class="latest-posts panel panel-default">
-        <div class="latest-posts__heading">Latest blog posts</div>
+        <div class="latest-posts__heading panel-heading">Latest blog posts</div>
 
-        <ul>
+        <ul class="list-group">
             {% for post in data.posts|slice(0, site.latest_posts) %}
-                <li class="post">
+                <li class="post list-group-item">
                     <span class="post__title">
                         <a href="{{ post.url }}">
                             {{ post.title }}

source/_partials/project/website.html.twig

@@ -1,5 +1,5 @@
 {% if page.website %}
-    <a class="project__website" href="{{ page.website }}">
+    <a class="project-website btn btn-primary" href="{{ page.website }}">
         View the website
     </a>
 {% endif %}

source/contact.html.twig

@@ -6,24 +6,24 @@ layout: page
     <p>To send me an email, complete the form below.</p>
 
     <form action="https://formspree.io/{{ site.email }}" method="POST">
-        <div class="form__name">
+        <div class="form__name form-group">
             <label for="name">Name</label>
-            <input type="text" name="name" required>
+            <input type="text" class="form-control" name="name" required>
         </div>
 
-        <div class="form__email">
+        <div class="form__email form-group">
             <label for="email">Email</label>
-            <input type="email" name="email" required>
+            <input type="email" class="form-control" name="email" required>
         </div>
 
-        <div class="form__subject">
+        <div class="form__subject form-group">
             <label for="subject">Subject</label>
-            <input type="text" name="subject" required>
+            <input type="text" class="form-control" name="subject" required>
         </div>
 
-        <div class="form__message">
+        <div class="form__message form-group">
             <label for="message">Message</label>
-            <textarea name="message" rows="5" required></textarea>
+            <textarea name="message" class="form-control" rows="5" required></textarea>
         </div>
 
         <div class="form__actions">