Use four spaces in frontmatter blocks
This commit is contained in:
parent
f3756a80a6
commit
11ae0f9fc7
422 changed files with 2980 additions and 2986 deletions
|
@ -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" },
|
||||
];
|
||||
---
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue