oliverdavies.uk/content/node.c8ff4c27-c938-4c24-ac36-e4af2fb2457b.json

91 lines
No EOL
3 KiB
JSON

{
"uuid": [
{
"value": "c8ff4c27-c938-4c24-ac36-e4af2fb2457b"
}
],
"langcode": [
{
"value": "en"
}
],
"type": [
{
"target_id": "daily_email",
"target_type": "node_type",
"target_uuid": "8bde1f2f-eef9-4f2d-ae9c-96921f8193d7"
}
],
"revision_timestamp": [
{
"value": "2025-05-11T09:00:10+00:00"
}
],
"revision_uid": [
{
"target_type": "user",
"target_uuid": "b8966985-d4b2-42a7-a319-2e94ccfbb849"
}
],
"revision_log": [],
"status": [
{
"value": true
}
],
"uid": [
{
"target_type": "user",
"target_uuid": "b8966985-d4b2-42a7-a319-2e94ccfbb849"
}
],
"title": [
{
"value": "Applying all the things"
}
],
"created": [
{
"value": "2024-07-10T00:00:00+00:00"
}
],
"changed": [
{
"value": "2025-05-11T09:00:10+00:00"
}
],
"promote": [
{
"value": false
}
],
"sticky": [
{
"value": false
}
],
"default_langcode": [
{
"value": true
}
],
"revision_translation_affected": [
{
"value": true
}
],
"path": [
{
"alias": "\/daily\/2024\/07\/10\/applying-all-the-things",
"langcode": "en"
}
],
"body": [
{
"value": "\n <p>If you're adding Tailwind CSS to your existing project or can't use atomic\/utility classes straight away, the <code>@apply<\/code> directive might be an option.<\/p>\n\n<p>It's a way to extract components within CSS using the same classes you'd add to the element.<\/p>\n\n<p>Here's a quick example:<\/p>\n\n<pre><code class=\"css\">.btn {\n @apply py-3 px-6 bg-red text-white hover:bg-green focus:bg-green;\n}\n<\/code><\/pre>\n\n<p>It works with interaction states, such as hover and focus states, too.<\/p>\n\n<p>It's not something I use or recommend often, but it could be a good way to get started.<\/p>\n\n<p>Just don't overuse it.<\/p>\n\n ",
"format": "full_html",
"processed": "\n <p>If you're adding Tailwind CSS to your existing project or can't use atomic\/utility classes straight away, the <code>@apply<\/code> directive might be an option.<\/p>\n\n<p>It's a way to extract components within CSS using the same classes you'd add to the element.<\/p>\n\n<p>Here's a quick example:<\/p>\n\n<pre><code class=\"css\">.btn {\n @apply py-3 px-6 bg-red text-white hover:bg-green focus:bg-green;\n}\n<\/code><\/pre>\n\n<p>It works with interaction states, such as hover and focus states, too.<\/p>\n\n<p>It's not something I use or recommend often, but it could be a good way to get started.<\/p>\n\n<p>Just don't overuse it.<\/p>\n\n ",
"summary": null
}
]
}