78 lines
2.3 KiB
YAML
78 lines
2.3 KiB
YAML
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: |
|
|
<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>
|
|
|
|
<p>It's a way to extract components within CSS using the same classes you'd add to the element.</p>
|
|
|
|
<p>Here's a quick example:</p>
|
|
|
|
<pre><code class="css">.btn {
|
|
@apply py-3 px-6 bg-red text-white hover:bg-green focus:bg-green;
|
|
}
|
|
</code></pre>
|
|
|
|
<p>It works with interaction states, such as hover and focus states, too.</p>
|
|
|
|
<p>It's not something I use or recommend often, but it could be a good way to get started.</p>
|
|
|
|
<p>Just don't overuse it.</p>
|
|
|
|
|
|
format: full_html
|
|
processed: |
|
|
<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>
|
|
|
|
<p>It's a way to extract components within CSS using the same classes you'd add to the element.</p>
|
|
|
|
<p>Here's a quick example:</p>
|
|
|
|
<pre><code class="css">.btn {
|
|
@apply py-3 px-6 bg-red text-white hover:bg-green focus:bg-green;
|
|
}
|
|
</code></pre>
|
|
|
|
<p>It works with interaction states, such as hover and focus states, too.</p>
|
|
|
|
<p>It's not something I use or recommend often, but it could be a good way to get started.</p>
|
|
|
|
<p>Just don't overuse it.</p>
|
|
|
|
|
|
summary: null
|
|
field_daily_email_cta: { }
|