reduce styling code

_layouts/alternatives.html

@@ -1,7 +1,7 @@
 ---
 layout: content
 ---
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
+<article>
     {% include partial/alert.html
         style='info'
         title='caveat'

_layouts/content.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto"
+<article
 {% if layout.fullwith %}
 style="max-width: 90%"
 {% endif %}

_layouts/plugin_highlight.html

@@ -1,7 +1,7 @@
 ---
 layout: content
 ---
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
+<article>
     <h2>{{ page.title }}</h2>
     {{ content }}
     {% if page.plugin %}

_layouts/post.html

@@ -15,7 +15,7 @@ layout: default
     {% endif %}
 </header>
 
-<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
+<article>
     <h1>{{ page.title }}</h1>
     <p>
       {{ page.date | date_to_string }}

assets/index.css

@@ -8,6 +8,10 @@ layout: empty
 
 
 @layer components {
+    article {
+        @apply prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto
+    }
+
     .custom-underline-blue {
         @apply border-b-4 border-blue-400;
     }