Back to sass

assets/sass/components/blockquote.sass

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

assets/sass/components/button.sass

@@ -0,0 +1,6 @@
+.button
+    @apply bg-blue inline-block rounded text-white px-4 py-2
+
+    &:active,
+    &:hover
+        @apply bg-blue-dark

assets/sass/components/link.sass

@@ -0,0 +1,2 @@
+.link
+    @apply text-blue

assets/sass/components/listing.sass

@@ -0,0 +1,8 @@
+.listing
+    @apply pl-0
+
+.listing-item
+    @apply overflow-hidden pb-8
+
+    &:not(:last-child)
+        @apply border-b border-grey-light mb-8

assets/sass/components/markdown.sass

@@ -0,0 +1,22 @@
+.markdown
+    h2
+        @apply mt-8 mb-3 text-black
+
+    h2, h3
+      @apply text-black
+
+    p,
+    li
+        a
+            @apply link
+
+        code
+            @apply bg-grey-lighter inline-block font-mono text-sm px-1 py-px
+
+    p:last-child
+        @apply mb-0
+
+    pre code,
+    .hljs
+        @apply bg-grey-lighter block border-grey-dark border-l-4 font-mono
+        @apply leading-loose overflow-x-scroll p-6 rounded text-sm

assets/sass/components/note.sass

@@ -0,0 +1,8 @@
+.note
+    @apply bg-blue-lighter border-blue border-l-4 mb-4 p-4 rounded
+
+    > *:last-child
+        @apply mb-0
+
+    p a
+        @apply text-black

assets/sass/components/slides.sass

@@ -0,0 +1,15 @@
+.slides
+    background: url("../images/loading.gif") center no-repeat
+    min-height: 275px
+
+    @screen md
+      &
+        min-height: 375px
+
+    @screen lg
+      &
+        min-height: 450px
+
+    @screen xl
+      &
+        min-height: 560px

assets/sass/components/table.sass

@@ -0,0 +1,20 @@
+.table-collapse
+    @apply border-collapse
+
+.table-responsive
+    @apply mb-4 border w-full overflow-x-auto overflow-y-hidden
+
+    table
+        @apply mb-0 border-0 whitespace-no-wrap
+
+.table
+    @apply w-full table-collapse
+
+    & tr:nth-child(odd)
+        @apply bg-grey-lighter
+
+    & tr th
+        @apply text-left p-3 bg-white
+
+    & td
+        @apply p-3 border-t

assets/sass/components/talk/video.sass

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

assets/sass/components/widget.sass

@@ -0,0 +1,2 @@
+.widget
+    @apply mb-6 block