Absortio

Email → Summary → Bookmark → Email

Curlwind

https://curlwind.com/ Jan 20, 2024 19:38

Extracto

A no-build Tailwind utility class generator.

Contenido

Curlwind Logo

No-build Tailwind.

Get the CSS utilities you want. Nothing you don't.

Curwind allows you to generate Tailwind stylesheets on demand to get only the CSS utilities you need. Generated stylesheets are cached indefinitely so your site stays fast.

Add the stylesheet tag to your site's head tag.

<!DOCTYPE html>

<html lang="en">

<head>

<link href="https://cdn.curlwind.com">

</head>

<body>

<!-- ... -->

</body>

</html>

Attach the 'classes' query parameter to URL receive a stylesheet with only the classes you need. Use wildcards to match multiple classes.

<link href="https://cdn.curlwind.com?classes=p-*,m-*">

The generated stylesheet will contain only the classes you need.

/* output.css */

.p-0 {

padding: 0px;

}

.p-1 {

padding: 0.25rem;

}

/* ... */

.m-0 {

margin: 0px;

}

.m-1 {

margin: 0.25rem;

}

/* ... */

Insert a colon (:) after the class name to generate variants.

<link href="https://cdn.curlwind.com?classes=p-*:sm|md,m-*:hover">

Generate Stylesheets without Tailwind's Preflight CSS.

<link href="https://cdn.curlwind.com?preflight=0">