TPIX
HomePackagesNamespacesUpload
t

typewind

@preview

tailwindcss colors

v0.2.0
MIT

Package Information

Last Updated
Authors
Emrik Östling (C4illin)

1. Get the package

Download the package using the TPIX CLI:

tpix get @preview/typewind:0.2.0

2. Import in your Typst file

Add this to your .typ file:

#import "@preview/typewind:0.2.0": *

Version History

0.2.0
1549d0e6f75d...
0.1.0
8a6564a1badf...

The typewind Package

Version
Manual
Repo

All tailwind colors in typst, easily accessible via their default tailwind names.

Usage

#import "@preview/typewind:0.2.0": *

#box(height: 18pt, width: 18pt, fill: emerald-700, radius: 1mm) _emerald-700_
#box(height: 18pt, width: 18pt, fill: rose-300, radius: 1mm) _rose-300_
emerald-700 and rose-300 color swatches rendered in typst

You can also access the colors via a prefix, if you don't want to pollute your namespace with all the colors:

#import "@preview/typewind:0.2.0" as tw

#box(height: 18pt, width: 18pt, fill: tw.emerald-700, radius: 1mm) _emerald-700_
#box(height: 18pt, width: 18pt, fill: tw.rose-300, radius: 1mm) _rose-300_

See tailwindcss.com/docs/colors for a complete list of colors.