Darbība ar Tailwind NextJS
NextJS stilizēšanai var izmantot CSS framwork Tailwind, ko bieži lieto kopā ar React. Paskatīsimies, kā to lietot.
Lai strādātu ar Tailwind stilizēšanu,
nepieciešami divi faili:
tailwind.config.js un
postcss.config.js. Tā kā instalējot
projektu, mēs izvēlējāmies opciju "izmantot
Tailwind stilus", šie faili jau ir ģenerēti
mūsu projektā un
atrodas tā saknē. Ja šādu failu nav, tad jums ir jāinstalē Tailwind saskaņā ar
oficiālo dokumentāciju.
Pievienosim treknraksta fontu
un dzeltenu krāsu tekstam no rindkopas, izmantojot Tailwind
stilus. Tailwind CSS skaitļi,
ko lieto krāsu klasēs,
apzīmē krāsas intensitāti vai nokrāsu.
Šie skaitļi svārstās no 50 līdz
900. Teksta rindkopai izvēlēsimies
vidējo nokrāsu:
export default function Test() {
return <p className="font-bold text-yellow-500">
teksts teksts teksts
</p>;
}
Izmēģiniet lietot Tailwind stilus savā projektā.
