From: Stephen Cameron <stephen@cubedesigners.com>
Date: Mon, 25 Oct 2021 16:39:44 +0000 (+0200)
Subject: WIP #4781 @3
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0463114593dd00f261c3c5b0ba14453e5b6781a4;p=odl.git

WIP #4781 @3
---

diff --git a/resources/css/app.css b/resources/css/app.css
index de7cd5d..0d5bd2b 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -11,9 +11,16 @@
     }
 
     b, strong {
-        @apply font-semibold
+        @apply font-semibold;
     }
 
+    h1, h2, h3, h4 {
+        @apply font-semibold;
+    }
+
+    h1 { @apply text-6xl; }
+    h2 { @apply text-4xl; }
+
     .circle-arrow {
         display: inline-block;
         width: 3em;
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 07bb748..2eef15c 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -30,7 +30,7 @@
         ];
     @endphp
 
-    <div class="flex flex-col flex-1 -mx-28 -mt-28">
+    <div class="flex flex-col flex-1 -mx-22 -mt-22">
 
         {{-- Main home content --}}
         <div class="flex flex-1 justify-center -mb-16">{{-- negative margin so image shadow sits under shortcuts --}}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index acea015..8d90004 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -38,7 +38,7 @@
         </a>
     </header>
 
-    <div class="min-h-content flex flex-col mx-28 pt-28">
+    <div class="min-h-content flex flex-col mx-22 pt-22">
         @yield('content')
     </div>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index c31b9d7..7eaf9a6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,5 @@
+const colors = require('tailwindcss/colors');
+
 module.exports = {
   mode: 'jit',
   purge: [
@@ -18,12 +20,20 @@ module.exports = {
         'turquoise': '#2AB3C9',
         'green': '#37BE4E',
         'purple': '#7A2AA1',
+        'grey': colors.gray, // Proper spelling ;-)
+      },
+      fontSize: {
+        '6xl': ['3.375rem', 1], // 54px, line-height: 1
+      },
+      spacing: {
+        '15': '3.75rem', // 60px
+        '22': '5.5rem', // 88px
       }
     },
     fontFamily: {
       'primary': 'GeneralSans, sans-serif',
       'secondary': 'Roboto, sans-serif',
-    }
+    },
   },
   variants: {
     extend: {},