glows

.eleventy.js

@@ -19,6 +19,7 @@ const markdownClassMapping = {
   em: ['italic', 'text-green'],
   img: ['max-w-full', 'rounded-lg', 'max-h-600px'],
   ul: ['list-disc', 'ml-4', 'text-subtext0'],
+  li: ['text-subtext0'],
 };
 
 module.exports = function(eleventyConfig) {

_includes/base-footer.html

@@ -1,7 +1,7 @@
     </div>
 
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-      <div class="mt-12 rounded shadow overflow-hidden shadow divide-y divide-crust sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px">
+      <div class="mt-12 rounded shadow-xl shadow-mauve/40 overflow-hidden shadow divide-y divide-crust sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px">
         {%- for navItem in links -%}
           <div class="relative group bg-base/75 p-6">
             <h3 class="text-lg">

_includes/content.njk

@@ -15,7 +15,7 @@
     </p>
   </div>
 
-  <div class="bg-base/75 shadow border-l-2 border-yellow">
+  <div class="bg-base/85 shadow border-l-2 border-yellow">
     <div class="p-4 sm:p-6">
       {{ content | safe }}
     </div>

_includes/pinned.njk

@@ -2,7 +2,7 @@
 
 <main class="max-w-7xl mx-auto px-2">
   <div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl">
-    <div class="p-2 bg-base/75 shadow rounded border-2 border-base border-l-yellow sm:rounded-tl-none sm:rounded-tr-none">
+    <div class="p-2 bg-base/75 shadow-lg shadow-yellow/50 rounded border-2 border-base border-l-yellow sm:rounded-tl-none sm:rounded-tr-none">
       <h1 class="mt-2 mb-8 text-4xl tracking-tight">
         {{ title | markdown | safe }}
       </h1>

tailwind.config.js

@@ -1,5 +1,8 @@
 module.exports = {
-  content: ['./_site/index.html', './_site/**/*.html', '.eleventy.js'],
+  content: [
+    './_site/index.html', './_site/**/*.html',
+    '.eleventy.js',
+  ],
   theme: {
     screens: {
       'xs': '320px',