Use four spaces in frontmatter blocks

This commit is contained in:
Oliver Davies 2024-02-07 20:01:19 +00:00
parent f3756a80a6
commit 11ae0f9fc7
422 changed files with 2980 additions and 2986 deletions

View file

@ -1,11 +1,11 @@
---
title: >
Reducing utility class duplication
Reducing utility class duplication
pubDate: 2023-01-07
permalink: >-
archive/2023/01/07/reducing-utility-class-duplication
archive/2023/01/07/reducing-utility-class-duplication
tags:
- tailwind-css
- tailwind-css
---
@ -28,7 +28,7 @@ The simplest way to remove the duplication is to create a variable that holds th
```astro
---
const linkClasses = "py-2 block border-b-2 border-transparent hover:border-blue-500 hover:text-blue-500 focus:outline-none focus:bg-yellow-400 focus:border-current";
const linkClasses = "py-2 block border-b-2 border-transparent hover:border-blue-500 hover:text-blue-500 focus:outline-none focus:bg-yellow-400 focus:border-current";
---
<li><a class={linkClasses} href="#0">About</a></li>
@ -69,11 +69,11 @@ For example, in Astro:
```astro
---
const links = [
{ name: "About" },
{ name: "Blog" },
{ name: "Talks" },
{ name: "Daily list" },
{ name: "Search" },
{ name: "About" },
{ name: "Blog" },
{ name: "Talks" },
{ name: "Daily list" },
{ name: "Search" },
];
---