Rezervace stolu

Pod ceníkem je teď formulář pro rezervaci stolu. Jeho popisky jsou upravené, ale pole jsou neviditelná, tak jak je nechal Preflight, a tlačítka zatím na nic nereagují:

• Obě pole mají rámeček, zaoblené rohy a polstrování a jsou stejně široká jako formulář.
• Jejich zástupné texty, tedy příklady v prázdných polích, mají světle šedou barvu z palety, ne napůl průhlednou barvu textu, kterou jim dává Preflight.
• Když do pole kliknete, dostane obrys v jantarové barvě kavárny nebo v jiné barvě, která se vám líbí.
• Tlačítka s volnými časy ukazují ručičku a jejich pozadí se změní, když je nad nimi ukazatel myši. 17:00 a 19:00 jsou plně obsazené, takže jejich tlačítka mají atribut disabled: jsou ztlumená, s neprůhledností nejvýš 60 %, ukazují přeškrtnuté kolečko a nemění se, když je nad nimi ukazatel.
• Tlačítko Rezervovat stůl také ukazuje ručičku a jeho pozadí plynule ztmavne, když je nad ním ukazatel.

Kontroly neumí pohnout ukazatelem myši ani kliknout do pole. U těchto stavů se proto dívají do CSS, které Tailwind vytvoří z vašich tříd, a hledají v něm pravidlo, které prvek v tom stavu změní.