córas dearaidh rastrillo

Forbhreathnú ar gach a soláthraíonn an córas dearaidh. Téama: day. Teanga: Gaeilge.

Faigheann aipeanna rastrillo é seo ar fad ón gcéad lá, ach is féidir le haon duine an córas dearaidh a úsáid. Feabhsaithe go céimnitheach le JavaScript, ach níl JavaScript riachtanach.

Na stílbhileoga

Is é tokens.css an struchtúr: aicmí na gcomhpháirteanna, an leagan amach, agus na scálaí don chló, don spásáil agus don gha. Is tagairtí iad na luachanna, socraithe in áit eile. Is é themes/<name>.css an dath, an teaghlach cló agus an chruth: bloc :root amháin ina bhfógraítear gach dath uair amháin mar phéire light-dark().

Na scripteanna

Is é rastrillo.js an seim feabhsúcháin de réir a chéile: blúirí á vótáil, staideanna gnóthacha, díbhe éadrom. Is feabhsúcháin iad select.js agus datetime.js — gach ceann acu marbh go dtí go roghnaíonn rialtán isteach, agus gach ceann acu inscriosta leis féin.

Meáchan gach comhaid

Méideanna comhaid na gcodanna éagsúla.

• tokens.cssStruchtúr: gach aicme comhpháirte, gach scála, agus gan dath litriúil ar bith. An comhad céanna faoi gach téama.122033 beart
• theme-day.cssDath, teaghlach cló agus cruth don téama day: bloc :root amháin ina bhfógraítear gach dath uair amháin mar phéire light-dark().10828 beart
• theme-plain.cssDath, teaghlach cló agus cruth don téama plain: bloc :root amháin ina bhfógraítear gach dath uair amháin mar phéire light-dark().10286 beart
• theme-signal.cssDath, teaghlach cló agus cruth don téama signal: bloc :root amháin ina bhfógraítear gach dath uair amháin mar phéire light-dark().11083 beart
• rastrillo.jsAn seim feabhsúcháin de réir a chéile: blúirí á vótáil, staideanna gnóthacha agus díbhe éadrom. Faigheann gach aip scafallaithe é.16364 beart
• select.jsBosca teaglama inchuardaithe field-select. Marbh go dtí go roghnaíonn select isteach le data-rst-select, agus inscriosta leis féin.11919 beart
• datetime.jsIonchur gnáththeanga na réimsí dáta. Marbh go dtí go roghnaíonn réimse isteach le data-rst-date nó data-rst-time, agus inscriosta leis féin.76584 beart
• calendar.jsAn eangach míosa a osclaíonn cnaipe féilire an réimse sin. Marbh go dtí go n-iarrann datetime.js painéal air, agus inscriosta leis féin: gan é, filleann an cnaipe ar roghnóir an bhrabhsálaí féin.22725 beart

Faigheann aip nua 260453 beart de CSS agus JavaScript san iomlán: tokens.css, téama amháin, agus na scripteanna.

In aip nua rastrillo

Scríobhann rastrillo new iad seo isteach i gcomhadlann static na haipe agus nascann iad ón leagan amach, tokens.css ar dtús. Is leat iad ón bpointe sin: cuir eagar orthu, nó scrios an rud nach n-úsáideann tú.

rastrillo new --theme=day myapp

Tá an téama pionnáilte faoi dhó. Socraíonn --theme cé acu de na téamaí seolta a chóipeáiltear go static/theme.css, agus taifeadtar é agus an aip á giniúint.

const vendoredTheme = "day"

É a úsáid gan an creatlach

Is naisc iad na hainmneacha thuas. Tóg tokens.css agus téama amháin agus tá an córas amhairc iomlán agat: aicmí simplí, gnáth-HTML, gan chéim tógála.

Uasghrádú

An gaiste is fiú a bheith ar eolas sula gcosnaíonn sé tráthnóna ort: cóipeáiltear tokens.css isteach i gcomhadlann static na haipe agus í á scafall agus reoitear ansin é, fad is a leanann na páirteanna a stílíonn sé de bheith á n-uasghrádú leis an modúl. Is féidir le haip marcáil nua a rith i gcoinne CSS sean gan focal a rá. Athchóipeáil tokens.css nuair a dhéanann tú uasghrádú, agus an téama agus na scripteanna leis.

Cuirfidh rastrillo doctor comhaid reoite aipe i gcomparáid le cinn an mhodúil agus tairgfidh sé iad a athchóipeáil.