feat(assets): Change default CSS framework to Tailwind

* enhance(view): Add light default styling for Tailwind
* chore(view): Clean up unnecessary selectors and spacing
* feat(acorn): Update Acorn for Laravel 8.x
* chore(acorn): Create default `bootstrap/` project directory for Laravel 8.x
* refactor(acorn): Split the Acorn bootloader between `functions.php` and `bootstrap/app.php` to coincide with Laravel
* refactor(assets): Lighten the out of the box CSS boilerplate
* refactor(assets): Rename `dist/` to `public/` to coincide with Laravel
* refactor(assets): Flatten the `assets/` directory into `resources/` to coincide with Laravel
* refactor(assets): Rename `scripts/` to `js/` to coincide with Laravel
* refactor(assets): Rename `styles/` to `css/` to coincide with Laravel
* feat(deps): Update to Laravel Mix ^6.0
* chore(deps): Change Mix-related package.json `scripts` to the new `mix` binary
* chore(deps): Remove PurgeCSS in favor of Tailwind's built in purge
* chore(deps): Remove deprecated/unnecessary/unused dependencies
* chore(deps): Bump minimum PHP version to 7.3 to coincide with Laravel 8.x

resources/views/components/alert.blade.php

@@ -1,3 +1,5 @@
-<div class="alert alert-{{ $type }}">
-  {!! $message ?? $slot !!}
+<div {{ $attributes->merge(['class' => $type]) }}>
+  <div class="px-4 py-3">
+    {!! $message ?? $slot !!}
+  </div>
 </div>

resources/views/forms/search.blade.php

@@ -1,17 +1,21 @@
 <form role="search" method="get" class="search-form" action="{{ home_url('/') }}">
   <label>
-    <span class="screen-reader-text">
+    <span class="sr-only">
       {{ _x('Search for:', 'label', 'sage') }}
     </span>
 
     <input
       type="search"
-      class="search-field"
+      class="px-3 py-1 border"
       placeholder="{!! esc_attr_x('Search &hellip;', 'placeholder', 'sage') !!}"
       value="{{ get_search_query() }}"
       name="s"
     >
   </label>
 
-  <input type="submit" class="button" value="{{ esc_attr_x('Search', 'submit button', 'sage') }}">
+  <input
+    type="submit"
+    class="px-3 py-1 text-white bg-indigo-500 cursor-pointer"
+    value="{{ esc_attr_x('Search', 'submit button', 'sage') }}"
+  >
 </form>

resources/views/layouts/app.blade.php

@@ -1,15 +1,15 @@
-@include('partials.header')
+<div class="max-w-3xl mx-auto">
+  @include('partials.header')
 
-<div class="container">
-  <main class="main">
-    @yield('content')
-  </main>
+    <main class="py-8 prose main">
+      @yield('content')
+    </main>
 
-  @hasSection('sidebar')
-    <aside class="sidebar">
-      @yield('sidebar')
-    </aside>
-  @endif
+    @hasSection('sidebar')
+      <aside class="sidebar">
+        @yield('sidebar')
+      </aside>
+    @endif
+
+  @include('partials.footer')
 </div>
-
-@include('partials.footer')

resources/views/partials/content-page.blade.php

@@ -1,2 +1,3 @@
 @php(the_content())
+
 {!! wp_link_pages(['echo' => 0, 'before' => '<nav class="page-nav"><p>' . __('Pages:', 'sage'), 'after' => '</p></nav>']) !!}

resources/views/partials/footer.blade.php

@@ -1,5 +1,3 @@
 <footer class="content-info">
-  <div class="container">
-    @php(dynamic_sidebar('sidebar-footer'))
-  </div>
+  @php(dynamic_sidebar('sidebar-footer'))
 </footer>

resources/views/partials/header.blade.php

@@ -1,5 +1,5 @@
 <header class="banner">
-  <div class="container">
+  <div class="max-w-3xl mx-auto">
     <a class="brand" href="{{ home_url('/') }}">
       {{ $siteName }}
     </a>