diff options
| author | David T. Sadler <davidtsadler@googlemail.com> | 2020-03-04 22:10:13 +0000 |
|---|---|---|
| committer | David T. Sadler <davidtsadler@googlemail.com> | 2020-03-04 22:10:13 +0000 |
| commit | 0b8eddf2cc42805c92d846e7d6566b18e5e3e554 (patch) | |
| tree | 47b544ca79a4f69516634e30ed22205de74c8c9c | |
| parent | 50c11e6d97eae5ef54e86742e0ed35443bb86afd (diff) | |
Try and reuse CSS
| -rw-r--r-- | source/_assets/sass/_blog.scss | 5 | ||||
| -rw-r--r-- | source/_assets/sass/main.scss | 2 | ||||
| -rw-r--r-- | source/_layouts/master.blade.php | 6 | ||||
| -rw-r--r-- | source/_partials/postStub.blade.php | 4 | ||||
| -rw-r--r-- | source/assets/build/css/main.css | 5 | ||||
| -rw-r--r-- | source/assets/build/mix-manifest.json | 2 |
6 files changed, 16 insertions, 8 deletions
diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss index da576b9..e141988 100644 --- a/source/_assets/sass/_blog.scss +++ b/source/_assets/sass/_blog.scss @@ -1,3 +1,8 @@ +body { + @apply bg-gray-900; + @apply text-gray-200; +} + #main-sidebar-container { display: grid; grid-template-columns: auto; diff --git a/source/_assets/sass/main.scss b/source/_assets/sass/main.scss index 82c1a00..1057f99 100644 --- a/source/_assets/sass/main.scss +++ b/source/_assets/sass/main.scss @@ -1,6 +1,4 @@ @tailwind base; @tailwind components; - @import 'blog'; - @tailwind utilities; diff --git a/source/_layouts/master.blade.php b/source/_layouts/master.blade.php index d215d03..7677d44 100644 --- a/source/_layouts/master.blade.php +++ b/source/_layouts/master.blade.php @@ -6,15 +6,15 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="{{ mix('css/main.css', 'assets/build') }}"> </head> - <body class="mb-8 lg:px-16 xl:px-32 bg-gray-900"> + <body class="mb-8 lg:px-16 xl:px-32"> <div id="main-sidebar-container"> <article>@yield('article')</article> <aside class="px-4"> - <p class="py-4 text-gray-200 text-2xl"> + <p class="py-4 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> + <a class="rounded p-1 {{Str::slug($category) }}" href="/categories/{{ Str::slug($category) }}">{{ $category }}</a> @endforeach </aside> </div> diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php index be77ef3..14bb79f 100644 --- a/source/_partials/postStub.blade.php +++ b/source/_partials/postStub.blade.php @@ -5,12 +5,12 @@ <p class="text-2xl text-gray-300">{{ $post->description }}</p> </a> <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') }}"> + <time class="inline-block p-2 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 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> + <a class="inline-block rounded py-2 px-4 {{Str::slug($category) }}" href="/categories/{{ Str::slug($category) }}">{{ $category }}</a> @endforeach </div> </div> diff --git a/source/assets/build/css/main.css b/source/assets/build/css/main.css index 51917f1..f9ebb64 100644 --- a/source/assets/build/css/main.css +++ b/source/assets/build/css/main.css @@ -623,6 +623,11 @@ video { } } +body { + background-color: #1a202c; + color: #edf2f7; +} + #main-sidebar-container { display: grid; grid-template-columns: auto; diff --git a/source/assets/build/mix-manifest.json b/source/assets/build/mix-manifest.json index 617629b..7be3d6f 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=76be9efb4aa59b9b416d" + "/css/main.css": "/css/main.css?id=acf53685d7a2f44109aa" } |