Switch over to Jigsaw

5 files changed, 256 insertions, 0 deletions

diff --git a/source/_assets/sass/_base.scss b/source/_assets/sass/_base.scss
new file mode 100644
index 0000000..8dc4fd8
--- /dev/null
+++ b/source/_assets/sass/_base.scss
@@ -0,0 +1,147 @@
+body {
+    font-size: 17px;
+}
+
+a {
+    @apply .font-semibold;
+    @apply .no-underline;
+    @apply .text-blue-600;
+
+    &:hover {
+        @apply .text-blue-800;
+    }
+}
+
+blockquote {
+    @apply .border-blue-400;
+    @apply .border-l-4;
+    @apply .font-normal;
+    @apply .italic;
+    @apply .my-8;
+    @apply .pl-6;
+    @apply .text-gray-800;
+    @apply .text-lg;
+}
+
+code {
+    @apply .bg-gray-300;
+    @apply .px-2;
+    @apply .py-px;
+    @apply .rounded;
+    @apply .text-sm;
+}
+
+code.hljs {
+    @apply .bg-transparent;
+    @apply .p-0;
+
+    .hljs-comment,
+    .hljs-keyword,
+    .hljs-meta {
+        @apply .font-normal;
+        @apply .not-italic;
+    }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    @apply .leading-tight;
+    @apply .mb-4;
+    @apply .mt-8;
+    @apply .text-gray-900;
+
+    &:first-child {
+        @apply .mt-0;
+    }
+}
+
+h1 {
+    @apply .font-extrabold;
+    @apply .text-5xl;
+}
+
+h2 {
+    @apply .font-bold;
+    @apply .text-4xl;
+}
+
+h3 {
+    @apply .font-bold;
+    @apply .text-3xl;
+}
+
+h4 {
+    @apply .font-normal;
+    @apply .text-2xl;
+}
+
+h5 {
+    @apply .font-normal;
+    @apply .text-xl;
+}
+
+h6 {
+    @apply .font-light;
+    @apply .text-lg;
+}
+
+hr {
+    @apply .border-b;
+    @apply .border-blue-200;
+    @apply .my-12;
+    @apply .rounded-full;
+}
+
+li {
+    ul,
+    ol {
+        @apply .my-0;
+    }
+}
+
+ol,
+ul {
+    @apply .my-4;
+}
+
+ol {
+    @apply .list-decimal;
+}
+
+ul {
+    @apply .list-disc;
+}
+
+p {
+    @apply .my-3;
+
+    @screen md {
+        @apply .my-6;
+    }
+}
+
+pre {
+    @apply .bg-gray-200;
+    @apply .leading-loose;
+    @apply .my-6;
+    @apply .overflow-x-auto;
+    @apply .p-4;
+    @apply .rounded;
+    @apply .shadow;
+    @apply .text-base;
+
+    code {
+        @apply .bg-transparent;
+        @apply .block;
+        @apply .p-0;
+    }
+}
+
+::selection {
+    @apply .bg-blue-500;
+    @apply .text-white;
+}
diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss
new file mode 100644
index 0000000..911af1d
--- /dev/null
+++ b/source/_assets/sass/_blog.scss
@@ -0,0 +1 @@
+// Your custom blog styles here
diff --git a/source/_assets/sass/_mailchimp.scss b/source/_assets/sass/_mailchimp.scss
new file mode 100644
index 0000000..0993e0a
--- /dev/null
+++ b/source/_assets/sass/_mailchimp.scss
@@ -0,0 +1,78 @@
+#mc_embed_signup {
+    @apply .w-full;
+
+    // increase selector specificity for
+    // in-line errors
+    div.mc-field-group {
+        > div.mce_inline_error {
+            @apply .bg-transparent;
+            @apply .float-left;
+            @apply .font-semibold;
+            @apply .p-0;
+            @apply .text-gray-800;
+
+            clear: both;
+        }
+    }
+
+    @screen md {
+        @apply .w-2/3;
+    }
+
+    @screen lg {
+        @apply .w-1/2;
+    }
+}
+
+#mc_embed_signup_scroll {
+    > h2:first-of-type {
+        @apply .block;
+        @apply .mb-6;
+        @apply .text-2xl;
+        @apply .text-center;
+        @apply .text-gray-900;
+    }
+}
+
+.mc-field-group {
+    input {
+        @apply .float-left;
+        @apply .leading-normal;
+        @apply .mb-6;
+        @apply .outline-none;
+        @apply .px-4;
+        @apply .py-2;
+        @apply .rounded-l;
+        @apply .w-2/3;
+
+        @screen md {
+            @apply .mb-3;
+            @apply .rounded-l;
+            @apply .rounded-r-none;
+            @apply .w-3/4;
+        }
+    }
+
+    label {
+        @apply .hidden;
+    }
+}
+
+#mc-embedded-subscribe {
+    @apply .bg-blue-500;
+    @apply .cursor-pointer;
+    @apply .leading-normal;
+    @apply .px-6;
+    @apply .py-2;
+    @apply .rounded-r;
+    @apply .text-white;
+    @apply .w-1/3;
+
+    &:hover {
+        @apply .bg-blue-600;
+    }
+
+    @screen md {
+        @apply .w-1/4;
+    }
+}
diff --git a/source/_assets/sass/_navigation.scss b/source/_assets/sass/_navigation.scss
new file mode 100644
index 0000000..a3e8164
--- /dev/null
+++ b/source/_assets/sass/_navigation.scss
@@ -0,0 +1,17 @@
+.nav-menu {
+    @apply .bg-gray-200;
+    @apply .pb-2;
+    @apply .pt-6;
+    @apply .px-2;
+    @apply .shadow;
+    @apply .w-auto;
+}
+
+.nav-menu__item {
+    @apply .block;
+    @apply .no-underline;
+    @apply .mb-4;
+    @apply .mt-0;
+    @apply .text-gray-800;
+    @apply .text-sm;
+}
diff --git a/source/_assets/sass/main.scss b/source/_assets/sass/main.scss
new file mode 100644
index 0000000..5a94a45
--- /dev/null
+++ b/source/_assets/sass/main.scss
@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+
+// Code syntax highlighting,
+// powered by https://highlightjs.org
+@import '~highlight.js/styles/a11y-light.css';
+
+@import 'base';
+@import 'navigation';
+@import 'mailchimp';
+@import 'blog';
+
+@tailwind utilities;