subtree(users/wpcarro): docking briefcase at '24f5a642' r/3226

git-subtree-dir: users/wpcarro
git-subtree-mainline: 464bbcb15c09813172c79820bcf526bb10cf4208
git-subtree-split: 24f5a642af3aa1627bbff977f0a101907a02c69f
Change-Id: I6105b3762b79126b3488359c95978cadb3efa789

1 files changed, 51 insertions, 0 deletions

diff --git a/users/wpcarro/website/blog/themes/tailwind/scss/theme.scss b/users/wpcarro/website/blog/themes/tailwind/scss/theme.scss
new file mode 100644
index 000000000000..9da9261b63a1
--- /dev/null
+++ b/users/wpcarro/website/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;
+    }
+}