The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Use Tailwind From A CDN

TODO: Pull subtitle into page object

You can use Tailwind from a CDN in a single HTML file like this:

code_start_default_section code_end_default_section

Source: https://tailwindcss.com/docs/installation/play-cdn

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Use Tailwind From A CDN

-- p

You can use Tailwind from a CDN in a single HTML file like this:

-- code/
-- html

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
  <h1 class="text-3xl font-bold underline">
    Hello world!
  </h1>
</body>
</html>

-- /code

-- p

Don't do that for production, but it's great for quick dev work.

-- p

You can update the config by adding this to the head:

-- code/
-- html

<script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            clifford: '#da373d',
          }
        }
      }
    }
  </script>

-- /code

-- p

You can add custom styles like this:

-- code/

<style type="text/tailwindcss">
    @layer utilities {
      .content-auto {
        content-visibility: auto;
      }
    }
  </style>

-- /code

-- p

Source: https://tailwindcss.com/docs/installation/play-cdn


-- categories
-- Miscellaneous

-- metadata
-- date: 2022-01-05 23:43:05
-- id: 23jfgm9z
-- status: draft
-- type: post
-- SCRUBBED_NEO: false
-- site: aws