Swap sass for plain CSS

assets/css/components/blockquote.css

@@ -0,0 +1,3 @@
+blockquote {
+  @apply border-l-4 border-blue pl-4 px-6 py-2
+}

assets/css/components/button.css

@@ -0,0 +1,13 @@
+.button {
+  @apply bg-blue border-blue border inline-block text-white no-underline py-2 px-3 rounded text-sm;
+
+  &:focus {
+    @apply py-2 px-3 m-0
+  }
+
+  &:active,
+  &:focus,
+  &:hover {
+    @apply bg-white text-blue
+  }
+}

assets/css/components/markup.css

@@ -0,0 +1,49 @@
+.markup {
+  @apply leading-normal;
+
+  h2,
+  h3 {
+    @apply text-black mb-3
+  }
+
+  h2 {
+    @apply mt-6 mb-2
+  }
+
+  p,
+  ul,
+  ol,
+  table,
+  figure,
+  pre,
+  [v-pre] {
+    &:not(:last-child) {
+      @apply mb-6
+    }
+  }
+
+  code {
+    @apply bg-grey-lighter font-mono text-sm
+  }
+
+  p,
+  li {
+    code {
+      @apply inline-block border border-grey-light font-bold mx-px p-1 leading-none
+    }
+  }
+
+  pre code,
+  .hljs {
+    @apply block leading-loose overflow-x-scroll p-6
+  }
+
+  figure,
+  img {
+    @apply block
+  }
+
+  figcaption {
+    @apply italic text-sm text-grey-darker text-center mb-0 mt-1
+  }
+}

assets/css/components/note.css

@@ -0,0 +1,15 @@
+.note {
+  @apply bg-blue-lighter border-blue border-l-4 mb-4 p-4 rounded;
+
+  > *:not(:first-child) {
+    @apply mt-6
+  }
+
+  p a {
+    @apply text-black underline;
+
+    &:hover {
+      @apply no-underline
+    }
+  }
+}

assets/css/components/talks/video.css

@@ -0,0 +1,6 @@
+.talk-video {
+  iframe,
+  embed {
+    @apply absolute h-full pin-l pin-t w-full
+  }
+}

assets/css/components/widget.css

@@ -0,0 +1,3 @@
+.widget {
+  @apply block mb-6
+}