opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Rename notes to zets

Browse source
This commit is contained in:
Oliver Davies 2024-09-14 16:57:43 +01:00
parent e70d8c6f1f
commit 6d4667887d
35 changed files with 57 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

27
source/_notes/18.md
View file

@ -1,27 +0,0 @@
---
title: Using data attributes with Tailwind CSS
date: 2024-08-27 23:39:23
tags: [HTML, CSS, Tailwind CSS]
---
Adam Wathan mentioned this in his "Tailwind CSS: It looks awful, and it works" at Rails World 2023.
This is the link to the video: <https://www.youtube.com/watch?v=TNXM4bqGqek>.
The data attribute example starts at 21:00, which shows using arbitrary classes for data attributes.
## Examples
With the attribute on the same element:
```html
<button class="data-[loading]:text-transparent" data-loading>
```
With the attribute on a parent element (group):
```html
<button class="group data-[loading]:text-transparent" data-loading>
<span class="hidden group-data-[loading]:flex">...</span>
</button>
```