Ìdásílẹ̀ Àwọ̀ Tailwind
Dá páléètì àwọ̀n ìwọ̀nba 11 (50 sí 950) àti kóòdù ètò Tailwind CSS sílẹ̀ láti kóòdù Hex àwọ̀ kan
Àwọn Àǹfààní
Ìdásílẹ̀ àwọ̀n ìwọ̀nba 11 láìfọwọ́kàn láti àwọ̀ kan
Ó máa ń fi àwọ̀ tí o kọ sí 500, kí ó sì ṣírò ìmọ́lẹ̀ àti dúdú láti 50 sí 950
Ó bá ọ̀nà kíkọ v3 àti v4 mejèèjì mu
Yí padà láàrín ọ̀nà kíkọ config àti @theme pẹ̀lú tab
Dá kóòdù Hex ìwọ̀nba kọ̀ọ̀kan kọ
Lo bọ́tìnnì tí ó wà lórí àpẹẹrẹ àwọ̀ kọ̀ọ̀kan láti dà kóòdù àwọ̀ kọ̀ọ̀kan kọ
Páléètì á máa yí padà bí o ṣe ń kọ
O lè fi àwọ̀n àwọ̀ wéra láìsí bọ́tìnnì ìṣiṣẹ́ kankan
Bí O Ṣe Lè Lò Ó
Kọ Hex ti àwọ̀ ìpìlẹ̀
Kọ kóòdù Hex, tàbí tẹ àpẹẹrẹ àwọ̀ tí ó wà ní ìhà òsì kí o sì yan àwọ̀ nínú olùyan àwọ̀
Kọ orúkọ àwọ̀ bí ó bá yẹ
Kọ orúkọ àwọ̀ tí a óò lò nínú kóòdù pẹ̀lú lẹ́tà kékeré Gẹ̀ẹ́sì. Tí a kò bá kọ ohunkóhun, a óò lo primary
Ṣàyẹ̀wò àpẹẹrẹ àwọ̀n ìwọ̀nba 11
Ṣàyẹ̀wò àpẹẹrẹ àwọ̀ àti kóòdù Hex láti 50 sí 950, kí o sì lo bọ́tìnnì ìdàkọ tí ó wà lórí àpẹẹrẹ láti dà kóòdù àwọ̀ kọ̀ọ̀kan kọ
Yan ọ̀nà kíkọ kí o sì dà á kọ
Yan v3 tàbí v4, kí o sì tẹ "Dà Kóòdù Kọ" láti fi í sínú tailwind.config.js tàbí fáìlì CSS
Àwọn Ọ̀nà Lílò
Ṣíṣe àwọ̀n ìwọ̀nba àwọ̀ ami ọjà
Ṣe àwọ̀n ìwọ̀nba tí a óò lò fún hover bọ́tìnnì àti abẹ́lẹ̀ láti inú àwọ̀ ami ọjà kan ṣoṣo
Fífi àwọ̀ tí kò sí nínú páléètì déédéé kún un
Fi àwọ̀ pàtàkì iṣẹ́ rẹ tí kò sí nínú àwọ̀n àwọ̀ déédéé ti Tailwind kún un pẹ̀lú ìwọ̀nba 11 nínú fáìlì ètò
Ṣíṣe ètò @theme ti v4
Kọ àwọ̀n oniyipada CSS ti Tailwind v4 jáde papọ̀ láti inú àwọ̀ pàtàkì ojú-òpó wẹ́ẹ̀bù rẹ
Ìgbáradì fún ìmúṣẹ àwòkọ́ṣe ìdáánilẹ́kọ̀ọ́
Ṣe kóòdù ìwọ̀nba 11 fún ìmúṣẹ láti inú àwọ̀ tí a yàn nínú àwòkọ́ṣe, kí o sì tún kọ ọ́ sínú irinṣẹ́ ìdáánilẹ́kọ̀ọ́
Ìmọ̀ Ìpìlẹ̀
Ohun tí 50 sí 950 ti Tailwind dúró fún
Àwọ̀n àwọ̀ Tailwind CSS ń lo nọ́mbà ìwọ̀nba 11 láti fi ìmọ́lẹ̀ hàn, 50 ni ó máa ń fẹ́rẹ̀ẹ́ jẹ́ ìmọ́lẹ̀ jùlọ, 950 sì ni ó dúdú jùlọ, 500 sì ni ìpìlẹ̀ àwọ̀ náà. A máa ń fi nọ́mbà náà sí ìparí orúkọ kíláàsì bí "bg-primary-500" tàbí "text-primary-700".
- Ìwọ̀nba 50 sí 300：Ìwọ̀nba 50 sí 300 jẹ́ àwọ̀n àwọ̀ tí ó mọ́lẹ̀ tí a sábà máa ń lò fún àwọ̀ abẹ́lẹ̀ tàbí ìbòjú tí kò nípọn, àwọ̀ tí ó rọrùn láti kà bí a bá fi lẹ́tà dúdú bò ó lórí.
- Ìwọ̀nba 600 sí 950：Ìwọ̀nba 600 sí 950 jẹ́ àwọ̀n àwọ̀ tí ó dúdú tí a sábà máa ń lò fún àwọ̀ nígbà tí a bá kọjá lórí bọ́tìnnì tàbí àwọ̀ lẹ́tà àkọlé, àwọ̀ tí ó máa ń hàn kedere lórí abẹ́lẹ̀ funfun.
Ìyàtọ̀ ọ̀nà ṣíṣe ìtumọ̀ àwọ̀ láàrín v3 àti v4
Nínú Tailwind CSS v3, a máa ń ṣe ìtumọ̀ àwọ̀ nínú JavaScript ti tailwind.config.js, nígbà tí nínú v4, a máa ń ṣe ìtumọ̀ rẹ̀ gẹ́gẹ́ bí oniyipada CSS nínú @theme ní fáìlì CSS. Ní ọ̀nà kíkọ méjèèjì, a lè lo àwọ̀ tí a ṣe ìtumọ̀ rẹ̀ pẹ̀lú orúkọ kíláàsì kan náà bí "bg-primary-500".
- Ọ̀nà kíkọ v3：Ọ̀nà kíkọ v3 jẹ́ ọ̀nà tí a óò fi orúkọ àwọ̀ àti ìwọ̀nba sí inú theme.extend.colors bí "primary: { 500: '#3B82F6' }".
- Ọ̀nà kíkọ v4：Ọ̀nà kíkọ v4 jẹ́ ọ̀nà tí a óò fi orúkọ àwọ̀ àti ìwọ̀nba sí inú @theme gẹ́gẹ́ bí orúkọ oniyipada tí a so pẹ̀lú ìlà ìso bí "--color-primary-500: #3B82F6;".
Ààbò àti Ìpamọ́ Ìkọ̀kọ̀
Ó parí nínú browser
Dátà tí o tẹ̀ wọlé ni a ń ṣe àmúlò rẹ̀ nínú browser rẹ nìkan, kì í sì í fi ránṣẹ́ síta.
Ṣiṣe nínú aṣàwákiri nìkan
Ìṣírò páléètì àti ìdásílẹ̀ kóòdù ni a ṣe nínú aṣàwákiri rẹ, data tí o tẹ sí kò ránṣẹ sí olupin.
Ìbàsọrọ tí a fi HTTPS dáàbòbò
Àkójọ ìwé náà tún ni TLS dáàbòbò, ẹnikẹ́ni míì kò le kà àkóónú rẹ.
Kò sí ránṣẹ sí ẹnikẹ́ni míì
A kò ránṣẹ data rẹ sí àwọn iṣẹ́ ìta bíi nẹ́tíwọọkì ìpolongo tàbí àwọn olùtọpàṣẹ.
Kò sí ìfipamọ́ èsì laifọwọyi
A kò tọjú Àwọ̀ tàbí orúkọ àwọ̀ tí o kọ tàbí àwọn ohun tí o tẹ sí nínú olupin.
Tọ RAKKOTOOLS Lẹ́yìn Nínú Ìwádìí Google
Ohun èlò tó wúlò 187 yóò rọrùn láti rí nínú ìwádìí Google àti ìwádìí AI!
- A rí i nínú ìwádìí
- A tún fi hàn nínú ìwádìí AI
- Ṣàwárí àwọn ohun èlò tuntun pẹ̀lú
Ìsọfúnni ìmúdójúìwọ̀n
- update #318
A ṣafikun ẹ̀rọ ìdásílẹ̀ àwọ̀ Tailwind, tí ń ṣẹ̀dá àwọ̀ 11 láti àwọ̀ kan àti kóòdù ìṣètò