Split stylesheets

assets/sass/blog.sass

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

assets/sass/experience.sass

@@ -1,8 +1,5 @@
-@import '../mixins'
-
-.experience-item
-    // margin-bottom: $padding-large-vertical * 3
-    +clearfix
+@import "node_modules/bulma/sass/utilities/initial-variables"
+@import "node_modules/bulma/sass/utilities/mixins"
 
 .experience-item-website
     margin-bottom: 2px

assets/sass/main.sass

@@ -19,11 +19,3 @@ $primary: $blue
 @import 'components/badges'
 @import 'components/footer'
 @import 'components/meetups'
-
-@import "pages/about"
-@import "pages/blog"
-@import "pages/experience"
-@import "pages/post"
-@import "pages/project"
-@import "pages/talk"
-@import "pages/testimonials"

assets/sass/project.sass

@@ -1,4 +1,5 @@
-@import '../mixins'
+@import "node_modules/bulma/sass/utilities/initial-variables"
+@import "node_modules/bulma/sass/utilities/mixins"
 
 .project-company
     &.has-logo

assets/sass/talk.sass

@@ -1,3 +1,6 @@
+@import "node_modules/bulma/sass/utilities/initial-variables"
+@import "node_modules/bulma/sass/utilities/mixins"
+
 .talk-slides
     background: url('../images/loading.gif') no-repeat center
     min-height: 275px

gulpfile.js

@@ -49,15 +49,26 @@ gulp.task('fonts', function () {
 });
 
 gulp.task('styles', function () {
-    return app.sass([
+    app.sass([
         'node_modules/font-awesome/css/font-awesome.css',
-        'node_modules/prismjs/themes/prism-twilight.css',
         config.sass.sourceDir + '/main.sass'
-    ], 'site.css');
+    ], 'main.css');
+
+    app.sass([
+        'node_modules/prismjs/themes/prism-twilight.css',
+        config.sass.sourceDir + '/post.sass'
+    ], 'post.css')
+
+    app.sass(config.sass.sourceDir + '/about.sass', 'about.css');
+    app.sass(config.sass.sourceDir + '/blog.sass', 'blog.css');
+    app.sass(config.sass.sourceDir + '/experience.sass', 'experience.css');
+    app.sass(config.sass.sourceDir + '/project.sass', 'project.css');
+    app.sass(config.sass.sourceDir + '/talk.sass', 'talk.css');
+    app.sass(config.sass.sourceDir + '/testimonials.sass', 'testimonials.css');
 });
 
 gulp.task('scripts', function () {
-    return app.js([
+    app.js([
         'node_modules/jquery/dist/jquery.js',
         'node_modules/prismjs/prism.js',
         'node_modules/prismjs/components/prism-{apacheconf,bsash,css,diff,ini,json,nginx,php,sass,scss,sql,less,twig,xml,yaml}.js',

source/_layouts/default.html.twig

@@ -13,7 +13,7 @@
 
         {% include 'og' with { og: page.meta.og } %}
 
-        <link rel="stylesheet" href="{{ site.url }}/assets/css/site.css">
+        <link rel="stylesheet" href="{{ site.url }}/assets/css/main.css">
         {% block stylesheets '' %}
 
         {% for size in site.apple_touch_icon_sizes %}

source/_layouts/post.html.twig

@@ -10,3 +10,7 @@
     {% include 'post/pager' %}
     {% include 'post/about-author' %}
 {% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/post.css">
+{% endblock %}

source/_layouts/project.html.twig

@@ -11,3 +11,7 @@
     {% include 'project/skills' %}
     {% include 'project/company' %}
 {% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/project.css">
+{% endblock %}

source/_layouts/talk.html.twig

@@ -46,3 +46,7 @@
         } %}
     </div>
 {% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/talk.css">
+{% endblock %}

source/blog.html

@@ -43,3 +43,7 @@ use: [posts]
 {% endblock %}
 
 {% block body_classes 'page--blog page--blog__list' %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/blog.css">
+{% endblock %}

source/experience.html.twig

@@ -47,3 +47,7 @@ redirect:
         </div>
     {% endfor %}
 {% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/experience.css">
+{% endblock %}

source/index.md

@@ -49,6 +49,11 @@ I’m a webmaster and documentation maintainer for [Drupal.org][42], and a provi
 - IRC (freenode) - {{ site.irc.name }}
 {% endblock %}
 
+{% block stylesheets %}
+<link rel="stylesheet" href="{{ site.url }}/assets/css/about.css">
+{% endblock %}
+
+
 [1]: https://www.google.com/#q=opdavies
 [2]: https://www.drupal.org
 [3]: http://symfony.com

source/testimonials.html.twig

@@ -30,3 +30,7 @@ use: [posts]
 {% endblock %}
 
 {% block body_classes 'page--testimonials' %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/testimonials.css">
+{% endblock %}