Remove unused stylesheets

assets/sass/_base.sass

@@ -1,21 +0,0 @@
-main
-    a:link,
-    a:hover
-        border-bottom: 1px solid
-        text-decoration: none
-
-    p img
-        margin: 1.5em 0
-
-.embed-container
-    padding: 56.25% 0 0
-    position: relative
-    width: 100%
-
-    iframe,
-    embed
-        height: 100%
-        left: 0
-        position: absolute
-        top: 0
-        width: 100%

assets/sass/about.sass

@@ -1,2 +0,0 @@
-img.me
-    max-width: 110px

assets/sass/base/_layout.sass

@@ -1,34 +0,0 @@
-.is-centered
-    margin: 0 auto
-
-.is-half
-    width: 50%
-
-.flex
-    flex: 1
-
-.flex-wrap
-    flex-wrap: wrap
-
-.list-style-none
-    list-style: none !important
-
-.align-items-center
-  align-items: center
-
-@each $value in 'top', 'middle', 'bottom'
-    .table
-        & > thead > tr > th,
-        & > thead > tr > td,
-        & > tbody > tr > th,
-        & > tbody > tr > td,
-        & > tfoot > tr > th,
-        & > tfoot > tr > td
-            &.vertical-#{$value}
-                vertical-align: #{$value}
-
-$properties: ( mb: 'margin-bottom', ml: 'margin-left', mr: 'margin-right', mt: 'margin-top', pb: 'padding-bottom', pl: 'padding-left', pr: 'padding-right', pt: 'padding-top' )
-@each $key, $property in $properties
-    @for $value from 1 through 5
-        .#{$key}-#{$value}
-            #{$property}: #{$value}em !important

assets/sass/base/_utilities.sass

@@ -1,5 +0,0 @@
-.is-borderless
-    border: none !important
-
-.is-circle
-    border-radius: 50%

assets/sass/blog.sass

@@ -1,8 +0,0 @@
-.page--blog__list
-    ul.posts
-        margin-bottom: 2em
-        margin-left: 0
-        margin-top: 0
-
-    .post
-        border-bottom: 1px solid #CCC

assets/sass/components/_availability.sass

@@ -1,2 +0,0 @@
-.availability p:last-of-type
-    margin-bottom: 0

assets/sass/components/_badges.sass

@@ -1,15 +0,0 @@
-.badges > *:not(:last-child)
-    margin: 0 auto 10px
-
-.badges img
-    height: auto
-    max-width: 100%
-
-.acquia-badges
-    border-collapse: collapse
-    display: table
-
-    .badge
-        background: none
-        display: table-cell
-        padding: 0

assets/sass/components/_footer.sass

@@ -1,4 +0,0 @@
-.copyright
-    border-top: 1px solid #CCC
-    margin-top: 1em
-    padding-top: 1em

assets/sass/components/_meetups.sass

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

assets/sass/components/_page-post.sass

@@ -1,10 +0,0 @@
-.post-pager
-    clear: both
-    margin-top: 2em
-
-.post-pager div
-    flex: 1
-
-code[data-gist-id]
-    background: transparent
-    padding: 0

assets/sass/experience.sass

@@ -1,21 +0,0 @@
-.experience-item-website
-    margin-bottom: 2px
-
-.experience-item-role
-    margin-bottom: .625rem
-
-.experience-item-logo
-    float: right
-    margin: 25px 0 1em 1.5em
-    max-width: 25%
-    +from(500px)
-        max-width: 20%
-    +desktop
-        max-width: 15%
-
-    img
-        height: auto
-        width: 100%
-
-.experience-item-description p:last-of-type
-    margin-bottom: 0

assets/sass/main.sass

@@ -9,14 +9,3 @@ li,
 td
     a
         color: $blue
-
-.video
-    padding: 56.25% 0 0
-
-.video iframe,
-.video embed 
-  height: 100%
-  left: 0
-  position: absolute
-  top: 0
-  width: 100%

assets/sass/main.scss

@@ -1,24 +0,0 @@
-@import "node_modules/tachyons-sass/tachyons";
-
-$blue1: #0678be;
-
-p,
-li,
-td {
-    a { color: $blue1; }
-}
-
-.blue1 { color: $blue1; }
-
-.video {
-    padding: 56.25% 0 0;
-}
-
-.video iframe,
-.video embed {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}

assets/sass/post.sass

@@ -1,4 +1,4 @@
-pre
+#pre
     display: block
     overflow: auto
     word-break: normal

assets/sass/project.sass

@@ -1,18 +0,0 @@
-@import "node_modules/bulma/sass/utilities/initial-variables"
-@import "node_modules/bulma/sass/utilities/mixins"
-
-.project-company
-    &.has-logo
-        a:link,
-        a:hover
-            border-bottom: 0
-            display: block
-
-        img
-            max-width: 75%
-
-            +tablet
-                max-width: 50%
-
-            +desktop
-                max-width: 33.3%

assets/sass/talk.sass

@@ -1,11 +1,22 @@
-@import "node_modules/bulma/sass/utilities/initial-variables"
+@import "./node_modules/tachyons-sass/scss/media-queries"
-@import "node_modules/bulma/sass/utilities/mixins"
 
-.talk-slides
+.slides
-    background: url('../images/loading.gif') no-repeat center
+    background-image: url('../images/loading.gif')
     min-height: 275px
-    width: 100%
+
-    +tablet
+    @media #{$breakpoint-medium}
         min-height: 460px
-    +desktop
+
+    @media #{$breakpoint-large}
         min-height: 540px
+
+.video
+    padding-top: 56.25%
+
+.video iframe,
+.video embed 
+  height: 100%
+  left: 0
+  position: absolute
+  top: 0
+  width: 100%

assets/sass/testimonials.sass

@@ -1,3 +0,0 @@
-.testimonial-image
-    height: 75px
-    width: 75px

gulpfile.js

@@ -58,6 +58,8 @@ gulp.task('styles', function () {
         'node_modules/prismjs/themes/prism-twilight.css',
         config.sass.sourceDir + '/post.sass'
     ], 'post.css')
+
+    app.sass(config.sass.sourceDir + '/talk.sass', 'talk.css');
 });
 
 gulp.task('scripts', function () {

source/_layouts/talk.html.twig

@@ -8,7 +8,7 @@
     {% if page.slides.embed %}
         <div class="mt2">
             <h2>Slides</h2>
-            <div class="talk-slides">
+            <div class="slides w-100 bg-center">
                 {{ page.slides.embed|raw }}
             </div>
         </div>
@@ -18,7 +18,7 @@
         <div class="mt2">
             <h2>Video</h2>
 
-            <div class="video w-100 relative">
+            <div class="video w-100 pa0 relative">
                 {{ page.video.embed|raw }}
             </div>
         </div>
@@ -45,3 +45,7 @@
         } %}
     </div>
 {% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/talk.css">
+{% endblock %}

source/experience.html.twig

@@ -14,8 +14,11 @@ redirect:
 
         <div class="cf mb4">
             {% if company.logo %}
-                <div class="fr mb3 ml3 mt2">
+                <div class="fr mb3 ml3 mt2 mw3 mw4-ns">
-                    <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo" class="mw4">
+                    <img
+                        src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}"
+                        alt="{{ company.name }} logo"
+                        class="image">
                 </div>
             {% endif %}