Posts tagged: tailwindcss

💭 feat: add llms.txt endpoint for LLM-optimized documentation by...

2026-01-08T01:22:02Z

feat: add llms.txt endpoint for LLM-optimized documentation by quantizor · Pull Request #2388 · tailwindlabs/tailwindcss.com

Add /llms.txt endpoint that serves a concatenated, text-only version of all Tailwind CSS documentation pages optimized for Large Language Model consumption.

Extract text from MDX files, removing J…

GitHub · github.com

Damn this one is getting some reach, I’ve seen it from Simon Willison and Justin Searls and t3.gg. I feel for Adam, He has built a fantastic product that the world is running with, something we all needed. Something that everyone laughs at turns their nose up “ppft I don’t need that” the first time they see it, but once they try people get it, and a lot of them like it and keep it. But its something that no one really wants to pay for, no matter how big of products get built on it. As we see more and more features coming to css, its not stopping, the work will always be there. I really hope to see something happen to tailwind to keep it afloat. massive growth and revenue down 80% does not help.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

💭 Build UIs that don't suck - YouTube

2025-04-15T13:50:53Z

How to make an entire clickable without presenting the entire content of the card as the link title. These videos are great, I’ve ran into these types of problems so many times, and definitely did not know about things like isolate to keep the z-index scoped to one element.

isolate - scope z-index inside this element so that it does not leak out.
[.relative [.absolute, inset-0, z-10]] - the inset zero is a modern shorthand for zeroing all sides, top-0, right-0, bottom-0, left-0.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

tailwind aspect

2025-02-02T14:35:02Z

I’ve been back to putting some images on my blog lately and thinking about making them a bit thinner through the use of aspect ratio for simplicity. I’m leaning pretty heavy on tailwindcss these days due to some weird quirks of markdown-it-attrs I cannot have slashes in classes from markdown so I made a .cinematic class to achieve this.

.cinematic {
  @apply aspect-[2.39/1];
}

Example

hover z-index and positioning

2025-01-23T15:54:07Z

I broke my sick wikilink hover recently in a refactor, today I did some diving in to figure out what happened.

Before #

As you can see in the screenshot below, the link is in a list of links, and when the hover image pops up it sits behind all of the other text. The z-index of the list-item is supposed to be raised above the others on hover.

Manually setting z-index to 20 in the inspector I noticed this message from devtools, “The position: static property prevents z-index from having an effect. Try setting position to something other than static.”, looking back at some of my refactoring I had relative in an old template and it was lost.

After #

After properly setting position to relative on the list-item, the hover image is raised above the others.

💭 Text Decoration - Tailwind CSS

2024-05-30T18:32:45Z

text-decoration-line - Typography

Utilities for controlling the decoration of text.

tailwindcss.com

Tailwind calls strikethrough line-through. This caught me off guard and took me a minute to find.

Control how text is decorated with the underline, no-underline, and line-through utilities.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

💭 Preline UI - Tailwind CSS component library | Preline UI, craf...

2023-08-21T15:10:54Z

Tailwind css component library. There are many examples with copy and pastabily with the tailwind classes already setup.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts

💭 Tailwind CSS Cheat Sheet

2023-08-21T15:03:41Z

Tailwind CSS Cheat Sheet

Cheat sheet to learn Tailwind CSS quickly. Browse and search all Tailwind utility classes or CSS properties on one page.

nerdcave.com

A nice searchable cheatsheet for tailwindcss classes.

Note

This post is a thought. It’s a short note that I make about someone else’s content online #thoughts