tailwind fix

templates/base.html

@@ -21,6 +21,10 @@
       href="{{ url_for('static', filename='css/blog.css') }}"
       rel="stylesheet"
     />
+    <link
+      href="{{ url_for('static', filename='css/components/timeline.css') }}"
+      rel="stylesheet"
+    />
     <script>
       tailwind.config = {
         corePlugins: {

templates/components/timeline.html

@@ -1,6 +1,8 @@
-<div class="max-w-3xl mx-auto px-6 py-16">
-  <ol class="relative border-l border-gray-300">
-    <p>hint</p>
-    {{ post.timeline | safe}}
-  </ol>
+<div class="tailwind-scope">
+  <div class="max-w-3xl mx-auto px-6 py-16">
+    <ol class="relative border-l border-gray-300">
+      <p>hint</p>
+      {{ post.timeline | safe}}
+    </ol>
+  </div>
 </div>