Predstavujeme koncept @mediadotazov v CSS.
Veľa z toho, čo nám použitie Sass v tomto projekte umožňuje, je zostať SUCHÉ (neopakujte sa). Urobili sme toto nastavenie premenných farieb a veľkostí. Urobili sme to pomocou svojich stohov písma. Teraz to robíme znova s mediálnymi dopytmi. Kedykoľvek potrebujeme mediálny dopyt, máme teraz @mixín, ktorý môžeme použiť. Týmto spôsobom, ak ich potrebujeme upraviť, ich môžeme zmeniť na jednom mieste.
Namiesto toho, aby sme pomenovali naše mediálne dotazy ako „iPad“ alebo čokoľvek príliš konkrétne, použijeme iba ľubovoľné, ale zrozumiteľné názvy ako „Baby Bear“ a „Papa Bear“.
Začíname širokouhlou obrazovkou, potom ju zužujeme, až kým navigácia nevyzerá zle, a to je náš prvý zlom v mediálnom dopyte. V tom okamihu rozdelíme navigáciu na dva riadky po štyroch namiesto jedného po ôsmich. Tiene musíme upraviť, aby vyzerali dobre.
Pri určitých mediálnych požiadavkách tiež upravujeme šírku zalamovania stránky, čo znamená, že musíme doladiť aj to, ako funguje logo.
