Make nav text bigger

Author: RoyalIcing

apps/components_guide_web/lib/components_guide_web/templates/accessibility_first/_nav.html.eex

@@ -1,5 +1,5 @@
 <nav class="pt-6 pb-4">
-  <ul y-y x-x=md class="font-bold text-shadow" style="--link-padding: 0.75em">
+  <ul y-y x-x=md class="text-lg font-bold text-shadow" style="--link-padding: 0.75em">
     <li><%= link("Intro", to: '/accessibility-first') %>
     <li><%= link("Navigation", to: '/accessibility-first/navigation') %>
     <li><%= link("Content", to: '/accessibility-first/content') %>

apps/components_guide_web/lib/components_guide_web/templates/accessibility_first/_top.html.eex

@@ -1,5 +1,5 @@
 <div class="mx-auto max-w-4xl text-white">
-  <h1 class="pt-8 row space-x-4 text-4xl text-center font-bold leading-tight text-shadow">
+  <h1 y-y x-x=md class="pt-8 row space-x-4 text-4xl text-center font-bold leading-tight text-shadow">
     <span class="mr-2 text-4xl">💁🏼‍♀️🥇</span>
     <span><%= "Accessibility-First" %></span>
   </h1>

apps/components_guide_web/lib/components_guide_web/templates/landing/index.html.eex

@@ -45,7 +45,7 @@ subhead = "Guides to accessibility, TDD, BDD, naming, performance, and the lates
   </section>
 </div>
 
-<article class="text-white" style="<%= sections_styles(:blue) %>">
+<article class="text-white py-4" style="<%= sections_styles(:blue) %>">
   <%= render ComponentsGuideWeb.ReactTypescriptView, "_top.html" %>
 </article>
 

apps/components_guide_web/lib/components_guide_web/templates/react_typescript/_top.html.eex

@@ -1,5 +1,5 @@
 <div class="mx-auto max-w-4xl text-white">
-  <h1 class="pt-8 row space-x-4 text-4xl text-center font-bold leading-tight text-shadow">
+  <h1 y-y x-x=md class="pt-8 row space-x-4 text-4xl text-center font-bold leading-tight text-shadow">
     <div class="row">
       <img class="inline-block mr-2" src="<%= "https://cdn.jsdelivr.net/gh/gilbarbara/logos@618de63f309bbf56b67364fd6a441cbbf79403cc/logos/react.svg" %>" alt="React logo" width=48 height=48>
       <span class="mr-2 text-3xl">❤️</span>
@@ -8,7 +8,7 @@
     <span><%= "React & TypeScript Guide" %></span>
   </h1>
   <nav class="pt-6 pb-4">
-    <ul class="list-none row font-bold" style="--link-padding: 0.75em">
+    <ul y-y x-x=md class="text-lg list-none font-bold" style="--link-padding: 0.75em">
       <li><%= link("Fundamentals", to: '/react+typescript') %>
       <li><%= link("Testing", to: '/react+typescript/testing') %>
       <li><%= link("Forms", to: '/react+typescript/forms') %>