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: {  }