Hodnoty mimo škálu

Někdy potřebujete hodnotu, kterou škála ani paleta nemá: barvu z loga útulku, přesnou velikost z návrhu od grafika nebo procenta. Tailwind vám proto dovolí napsat za název třídy do hranatých závorek jakoukoli hodnotu CSS. Takovým hodnotám se říká libovolné hodnoty (anglicky arbitrary values):

CSS pro takovou třídu Tailwind vytvoří, když ji najde ve vašich souborech, stejně jako pro každou jinou třídu. Uvnitř závorek nesmí být mezera: mezera odděluje třídy, takže z w-[350 px] by byly dvě třídy, které neexistují, a nestalo by se nic.

Libovolné hodnoty se hodí, ale používejte je jen výjimečně. Každá z nich se trochu odchyluje od škály a palety, a když je jich hodně, mezery a barvy na webu k sobě přestanou ladit. Když se přistihnete, že píšete p-[15px], téměř jistě poslouží stejně dobře p-4 (16 pixelů). A barvu, kterou byste použili na mnoha stránkách, je lepší přidat do motivu (theme) Tailwindu pod vlastním názvem. Jak na to, se naučíte v lekci Přizpůsobení Tailwindu.

Plakáty a letáky útulku se tisknou na krémový papír v barvě #fdf6ec a Lunina stránka má mít stejnou barvu. Paleta ji nemá, takže pro jednu stránku je libovolná hodnota přesně to pravé.