diff options
| author | David T. Sadler <davidtsadler@googlemail.com> | 2020-03-02 00:21:55 +0000 |
|---|---|---|
| committer | David T. Sadler <davidtsadler@googlemail.com> | 2020-03-02 00:21:55 +0000 |
| commit | 9cbf8aa8a1ab3627e52f6f93a2292bfab099db43 (patch) | |
| tree | fb65d4977d1db4070174c95916426990ffc5d632 | |
| parent | 615b4ff16c8178c8c48b0a792c4f4691502e39e4 (diff) | |
CSS enhancements
| -rw-r--r-- | source/_assets/sass/_blog.scss | 2 | ||||
| -rw-r--r-- | source/_layouts/master.blade.php | 10 | ||||
| -rw-r--r-- | source/_partials/postStub.blade.php | 8 | ||||
| -rw-r--r-- | source/assets/build/css/main.css | 2 | ||||
| -rw-r--r-- | source/assets/build/mix-manifest.json | 2 | ||||
| -rw-r--r-- | source/index.blade.php | 6 |
6 files changed, 16 insertions, 14 deletions
diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss index ea6d264..da576b9 100644 --- a/source/_assets/sass/_blog.scss +++ b/source/_assets/sass/_blog.scss @@ -15,7 +15,7 @@ @media (min-width: 1024px) { #main-sidebar-container { - grid-template-columns: 224px auto; + grid-template-columns: 256px auto; grid-template-areas: "sidebar main"; grid-column-gap: 1rem; } diff --git a/source/_layouts/master.blade.php b/source/_layouts/master.blade.php index 3c34cff..d215d03 100644 --- a/source/_layouts/master.blade.php +++ b/source/_layouts/master.blade.php @@ -2,14 +2,16 @@ <!doctype html> <html lang="en"> <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="{{ mix('css/main.css', 'assets/build') }}"> </head> - <body class="px-8 lg:px-16 xl:px-32 bg-gray-900"> + <body class="mb-8 lg:px-16 xl:px-32 bg-gray-900"> <div id="main-sidebar-container"> <article>@yield('article')</article> - <aside> - <p class="py-4 text-gray-200"> - <a class="block" href="/"><svg class="inline-block fill-current w-4 h-4"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M8 20H3V10H0L10 0l10 10h-3v10h-5v-6H8v6z"/></svg> Home</a> + <aside class="px-4"> + <p class="py-4 text-gray-200 text-2xl"> + <a class="block" href="/"><svg class="inline-block fill-current w-5 h-5"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M8 20H3V10H0L10 0l10 10h-3v10h-5v-6H8v6z"/></svg> Home</a> </p> @foreach ($page->allCategories($posts) as $category) <a class="rounded p-1 text-gray-200 {{Str::slug($category) }}" href="/categories/{{ Str::slug($category) }}">{{ $category }}</a> diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php index 84976cf..be77ef3 100644 --- a/source/_partials/postStub.blade.php +++ b/source/_partials/postStub.blade.php @@ -1,14 +1,14 @@ <?php use \Illuminate\Support\Str; ?> -<li class="md:flex md:flex-row md:justify-between hover:bg-gray-800 p-4 pb-8"> +<li class="sm:flex sm:flex-row sm:justify-between hover:bg-gray-800 p-4 pb-8"> <a class="text-green-300" title="Go to post" href="{{ $post->getUrl() }}"> <h4 class="text-3xl font-bold">{{$post->title }}</h4> <p class="text-2xl text-gray-300">{{ $post->description }}</p> </a> - <div class="mt-8 md:mt-0 text-right flex flex-row md:flex-col"> - <time class="inline-block p-2 text-gray-200 order-2 md:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}"> + <div class="mt-8 sm:mt-0 text-right flex flex-row sm:flex-col"> + <time class="inline-block p-2 text-gray-200 order-2 sm:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}"> {{ $post->getDate()->format('M d, Y') }} </time> - <div class="order-1 md:order-2"> + <div class="order-1 sm:order-2"> @foreach ($post->categories as $category) <a class="inline-block rounded py-2 px-4 text-gray-200 {{Str::slug($category) }}" href="/categories/{{ Str::slug($category) }}">{{ $category }}</a> @endforeach diff --git a/source/assets/build/css/main.css b/source/assets/build/css/main.css index 80061c5..51917f1 100644 --- a/source/assets/build/css/main.css +++ b/source/assets/build/css/main.css @@ -640,7 +640,7 @@ video { @media (min-width: 1024px) { #main-sidebar-container { - grid-template-columns: 224px auto; + grid-template-columns: 256px auto; grid-template-areas: "sidebar main"; grid-column-gap: 1rem; } diff --git a/source/assets/build/mix-manifest.json b/source/assets/build/mix-manifest.json index 9320607..617629b 100644 --- a/source/assets/build/mix-manifest.json +++ b/source/assets/build/mix-manifest.json @@ -1,4 +1,4 @@ { "/js/main.js": "/js/main.js?id=d2fc77312aa2cec93616", - "/css/main.css": "/css/main.css?id=c2151c72f0646ef2af84" + "/css/main.css": "/css/main.css?id=76be9efb4aa59b9b416d" } diff --git a/source/index.blade.php b/source/index.blade.php index 765e3b5..06bab2e 100644 --- a/source/index.blade.php +++ b/source/index.blade.php @@ -10,12 +10,12 @@ pagination: @include('_partials.postStub') @endforeach </ol> - <nav class="mt-8 flex justify-between text-gray-400"> + <nav class="mt-3 px-4 flex justify-between text-gray-400 text-2xl"> @if ($pagination->previous) - <a class="p-1" href="{{ $pagination->previous }}"><svg class="inline-block fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 13h8V7h-8V2l-8 8 8 8v-5z"/></svg> See more recent posts</a> + <a href="{{ $pagination->previous }}"><svg class="inline-block fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 13h8V7h-8V2l-8 8 8 8v-5z"/></svg> See more recent posts</a> @endif @if ($pagination->next) - <a class="p-1 " href="{{ $pagination->next }}">See older posts <svg class="inline-block fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 7H2v6h8v5l8-8-8-8v5z"/></svg></a> + <a href="{{ $pagination->next }}">See older posts <svg class="inline-block fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 7H2v6h8v5l8-8-8-8v5z"/></svg></a> @endif </nav> @endsection |