steps.md

Here's a little CSS snippet to create a simple header to link yesterday, tomorrow, and T-1Y notes to the daily note. If you don't know what I'm talking about, you can check the @TfTHacker repo where they create a customized dashboard or @FromSergio youtube video explaining how to activate CSS customization.

Here are the steps:

1. Copy the CSS code from the first comment below and create a new file in the ./obsidian/snippets folder. The name of the file will be the name of the snippet;
2. In the Obsidian app, open Settings -> Appearance -> CSS Snippets and toggle the previously created snippet;
3. Create a draft markdown file and paste the markdown from the second comment;
   1. Change the internal notes link if you want
4. Change to Reading View en voilá!

Note: restart Obsidian if the snippet don't show up in the step #2.

.daily div p:has(a.internal-link) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #565656;
}

.daily div p:has(a.internal-link) .internal-link {
    text-decoration: none;
    flex-grow: 4;
}

.daily div p:has(a.internal-link) .internal-link:first-child {
    text-align: left;
    padding-left: 10px;
}

.daily div p:has(a.internal-link) .internal-link:nth-child(2) {
    text-align: center
}

.daily div p:has(a.internal-link) .internal-link:last-child {
    text-align: right;
    padding-right: 10px;
}

Activate the snippet in Settings -> Appearance -> CSS Snippets -> Toggle daily to apply the snippet

In the YAML section of the desired markdown file add the cssclass property with the name of the snippet previously toggled like in the following image

Markdown example:

---
cssclass: daily
---

👈 [[Daily/2023-01-06|Yesterday]] | [[Daily2022-01-07|1 Year Ago]] | [[Daily/2023-01-08|Tomorrow]] 👉

---

# To-Do List

This is the result using the Obsidian default theme