pantoken / components

components ​

Béite

@pantoken/components — leabharlann comhpháirteanna CSS sa stíl InstUI, tógtha ó na toisí --instui-*.

Na bileoga stíle a sheoltar:

  • Bun (baseCss) — réamhshocruithe domhanda roghnacha doiciméid bunaithe ar na toisí (box-sizing, athshocrú body, dromchla na leathanach, dath/saothar téacs bunúsach, color-scheme). Iompraíonn sé freisin an fáinne údarásachta fócas, mar sin faigheann gach eilimint fócasaithe imlíne inrochtana :focus-visible de réir réamhshocraithe. Lódáil é nuair a bhíonn pantoken i gceannas ar an leathanach.
  • Prose (proseCss) — stíleanna do HTML marcáilte/prose (táibléid, ceanncheachtanna, naisc, liostaí, cód) scóipithe chuig fréamhchontaeacht ábhar, ionas go mbeidh leathanach doiciméid nó réigiún ábhair cosúil le InstUI gan an DOM a mhalartú le comhpháirteanna. Seo an components.css a sheachadtar ag na rindreálaithe suíomh.
  • Comhpháirteanna (buttonCss, alertCss, badgeCss, a chomhluadar ag componentsCss) — stíleanna comhpháirteanna bunaithe ar ranga a chuireann tú i bhfeidhm ar do mharcáil féin (<button class="instui-button">), don stíl InstUI lasmuigh de fhráma comhpháirte. Tá an scála scáth --instui-elevation-* (elevationCss) i gceannas ar an mbaile seo, toisc go snámhann go leor comhpháirteanna agus go bhfuil scáthanna mar ghné dearaidh inmhianaithe seachas breiseán.
  • Úsáideacha (viewCss, spacingUtilitiesCss, gapCss, layoutUtilitiesCss, plus tacar ainmneacha semantic / toisí cúramach) — sraith roghnach de ranganna trasnacha. Tá na emitéirí token→ranga ginearálta (colorUtilitiesCss, tokenUtilitiesCss) ina gcónaí i @pantoken/utils; soláthraíonn an pacáiste seo na hainmneacha semantic roghnacha dóibh, agus soláthraíonn @pantoken/plugin-primitives an phailéad amh.
  • Cló (roghnach fonts.css) — na rialacha @font-face do chlónna branda Instructure. Cuireann an Bun an cló i bhfeidhm; fonts.css lódálann na woff2anna, mar sin laghdaíonn an téacs go grádúil gan iad.

Tá gach rud glan CSS, díorthaithe ón IR token, mar sin leanann sé InstUI tríd na toisí gan spleáchas ar phacáistí React InstUI. Maidir leis na comhpháirteanna idirghníomhaíocha fíor, bain úsáid as @pantoken/react-markdown (ábhar) nó @instructure/ui-* (aipí).

Is bairille é an modúl seo: tá gach taifead doiciméadaithe ina chomhad féin faoi components//utilities//rules//declarations/, údairithe leis an API chumaisc lib/. Tiomáineann na cláir chlárúcháin (COMPONENTS/UTILITIES/RULES/DECLARATIONS) an comhchruinniú + an tástáil comhionannais.

Comhéadan ​

Athróga ​

Feidhmeanna ​