Switch to Tailwind

assets/less/components/listing.less

@@ -0,0 +1,16 @@
+.listing { @apply .pl-0; }
+
+.listing-item {
+    @apply .overflow-hidden;
+    @apply .pb-8;
+
+    &:not(:last-child) {
+        @apply .border-b;
+        @apply .border-grey-light;
+        @apply .mb-8;
+    }
+}
+
+.listing-item p:last-of-type {
+    @apply .mb-0;
+}

assets/less/components/nav.less

@@ -1,17 +0,0 @@
-.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

@@ -1,68 +1,67 @@
-pre {
-    .db;
-    .overflow-auto;
-    word-break: normal;
-    word-wrap: no-wrap;
-}
+// pre {
+//     .db;
+//     .overflow-auto;
+//     word-break: normal;
+//     word-wrap: no-wrap;
+// }
 
-pre[class*="language-"] { .bn; .br0 }
+// pre[class*="language-"] { .bn; .br0 }
 
-pre code,
-p code {
-    font-size: .8125rem;
-}
+// pre code,
+// p code {
+//     font-size: .8125rem;
+// }
 
 pre code,
 pre code.hljs,
 .hljs {
-    .db;
-    .pa3;
-    .bl;
-    .bw2;
-    .b--black-40;
-    .mv2;
-    background: #eee;
+    @apply .p-4;
+    @apply .text-sm;
+    @apply .border-l-4;
+    @apply .border-grey-dark;
+    @apply .block;
+    @apply .bg-grey-lighter;
+    @apply .overflow-x-scroll;
 }
 
 p,
 li {
     code {
-        background: #eee;
+        @apply .bg-grey-lighter;
         padding: 1px 3px;
     }
 }
 
-pre code {
-    .pre;
-    word-break: normal;
-}
+// pre code {
+//     .pre;
+//     word-break: normal;
+// }
 
-pre code .number {
-    .h-auto;
-    .mr0;
-    .pa0;
-    background-color: inherit;
-    font-size: inherit;
-    min-width: auto;
-}
+// pre code .number {
+//     .h-auto;
+//     .mr0;
+//     .pa0;
+//     background-color: inherit;
+//     font-size: inherit;
+//     min-width: auto;
+// }
 
-code.hljs {
-    .pa0;
-    background-color: inherit;
-}
+// code.hljs {
+//     .pa0;
+//     background-color: inherit;
+// }
+
+// code[data-gist-id] {
+//     .pa0;
+//     background: transparent;
+// }
 
-code[data-gist-id] {
-    .pa0;
-    background: transparent;
-}
 
 .note {
-    .bg-light-blue;
-    .bl;
-    .b--blue;
-    .bw2;
-    .pa3;
-
-    p:first-child { .mt0; }
-    p:last-child { .mb0; }
+    @apply .bg-blue-lighter;
+    @apply .p-4;
+    @apply .border-l-4;
+    @apply .border-blue;
 }
+
+.note p:last-child { @apply .mb-0; }

assets/less/components/talk.less

@@ -2,22 +2,21 @@
 
 .video iframe,
 .video embed {
-    .absolute;
-    .h-100;
-    .left-0;
-    .top-0;
-    .w-100;
+    @apply .absolute;
+    @apply .pin-l;
+    @apply .pin-t;
+    @apply .w-full;
 }
 
-.slides {
-    background-image: url('../images/loading.gif');
-    min-height: 275px;
+// .slides {
+//     background-image: url('../images/loading.gif');
+//     min-height: 275px;
 
-    @media @breakpoint-medium {
-        min-height: 460px;
-    }
+//     @media @breakpoint-medium {
+//         min-height: 460px;
+//     }
 
-    @media @breakpoint-large {
-        min-height: 540px;
-    }
-}
+//     @media @breakpoint-large {
+//         min-height: 540px;
+//     }
+// }

assets/less/components/talks-table.less

@@ -0,0 +1,3 @@
+.talks-table tr:nth-child(odd) {
+    @apply .bg-grey-lighter;
+}

assets/less/components/testimonial.less

@@ -0,0 +1,5 @@
+.testimonial-image {
+    @apply .rounded-full .mb-3 .ml-3;
+    height: 65px;
+    width: 65px;
+}