Lekce 1.5

SCSS a AI asistence při stylování

Preprocesor, který se pořád vyplatí, poctivé srovnání tří cest ke vzhledu a práce s asistentem, jejíž nejdůležitější částí je kontrola.

Doporučené úlohy na doma

První úloha je na psaní, druhá na čtení. Obě se dají zvládnout za jeden večer.

Sada tlačítek

Napište ve SCSS mixin, který vygeneruje tlačítko ve třech variantách – plné, obtažené a nenápadné – a ve dvou velikostech. Barvy berte z tokenů, nové nezavádějte. Hotovo je ve chvíli, kdy přidání čtvrté varianty znamená jediný řádek navíc.

Cizí kód

Nechte asistenta napsat stylopis pro komponentu, kterou jste ještě nikdy nedělali, a projděte ho řádek po řádku. Ke každému řádku, kterému nerozumíte, si dohledejte vysvětlení a napište si ho do komentáře. Hotovo je ve chvíli, kdy v souboru není ani jeden řádek, který byste neuměli obhájit.