Use Less

assets/less/components/nav.less

@@ -0,0 +1,19 @@
+.nav-item {
+    .black-70;
+    .dib;
+    .f6;
+    .link;
+    .ml3;
+    .pv3;
+
+    &:first-child {
+        .ml0;
+    }
+}
+
+.nav-item--active {
+    .b--blue;
+    .bb;
+    .black;
+    .bw1;
+}

assets/less/components/post.less

@@ -0,0 +1,35 @@
+pre {
+    .db;
+    .overflow-auto;
+    word-break: normal;
+    word-wrap: no-wrap;
+}
+
+pre[class*="language-"] {
+    .bn;
+    .br0;
+}
+
+pre code {
+    .pre;
+    word-break: normal;
+}
+
+pre code .number {
+    .h-auto;
+    .mr0;
+    .pa0;
+    background-color: inherit;
+    font-size: inherit;
+    min-width: auto;
+}
+
+code.hljs {
+    .pa0;
+    background-color: inherit;
+}
+
+code[data-gist-id] {
+    .pa0;
+    background: transparent;
+}

assets/less/components/talk.less

@@ -0,0 +1,25 @@
+.video {
+    padding-top: 56.25%;
+}
+
+.video iframe,
+.video embed {
+    .absolute;
+    .h-100;
+    .left-0;
+    .top-0;
+    .w-100;
+}
+
+.slides {
+    background-image: url('../images/loading.gif');
+    min-height: 275px;
+
+    @media @breakpoint-medium {
+        min-height: 460px;
+    }
+
+    @media @breakpoint-large {
+        min-height: 540px;
+    }
+}