WIP #4781 @3

diff --git a/resources/css/app.css b/resources/css/app.css
index de7cd5d3be03cef2875ef3e82164a5c89af8f924..0d5bd2b169b3df4a497ad62a5bd0585b328e999a 100644 (file)
--- 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 07bb748e93712b0fc644bef8f7e01b9230949eae..2eef15c2a0438b1bc6401fe91cf2729bc67d5343 100644 (file)
--- 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 acea01567207b55238871fce7084ed3b5364f4df..8d9000489ecd83737fe095253db21c1ceb715ee1 100644 (file)
--- 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 c31b9d7739ae44006bdc06efdb5f8e2e38b3fac6..7eaf9a6b566e94982fe59cb14a17c98f2f35c677 100644 (file)
--- 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: {},