Add 'blog/themes/tailwind/' from commit '2cf446f4ef7bdcc4303ebcb0a3062e87cde4928b'

git-subtree-dir: blog/themes/tailwind
git-subtree-mainline: d206a2812fc07e9ae8af016d3dc9d24a8bcf0508
git-subtree-split: 2cf446f4ef7bdcc4303ebcb0a3062e87cde4928b

1 files changed, 51 insertions, 0 deletions

diff --git a/blog/themes/tailwind/scss/theme.scss b/blog/themes/tailwind/scss/theme.scss
new file mode 100644
index 000000000000..9da9261b63a1
--- /dev/null
+++ b/blog/themes/tailwind/scss/theme.scss
@@ -0,0 +1,51 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+    @apply text-gray-800;
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+    @apply text-gray-900;
+}
+
+article > p, ul, ol {
+    @apply text-lg tracking-wide;
+}
+
+article > div, p, ul, ol, pre:not(:last-child) {
+    @apply mb-6;
+}
+
+article > ol, ul {
+    @apply list-disc ml-8;
+}
+
+article > li:not(:last-of-type) {
+    @apply mb-2;
+}
+
+article p > code {
+    @apply p-1/2 bg-gray-400;
+}
+
+article > h2 {
+    @apply text-2xl my-8 font-bold text-black;
+}
+
+a {
+    @apply border-b border-black text-black;
+}
+
+/* purgecss ignore */
+pre.chroma {
+    @apply p-4 overflow-x-auto font-mono text-lg;
+}
+
+@screen md {
+    /* purgecss ignore */
+    div.highlight {
+        @apply -mx-12;
+    }
+}