CSS: ai-gradient ​

.--background-ai-horizontal — Ngā awhina gradiente ā-accent AI mō ngā mata ritenga, ehara i te kirimana InstUI tiritahi.

Source: index.ts

Ngā Whakamahi ​

css
@import "@pantoken/plugin-custom-components/custom-components.css";

Ngā Kaitī ​

KaiwhakatikatikaWhakamārama
.--background-aiPēhia te papamuri o te tūemi ki te gradiente AI tiritahi.
.--background-ai-horizontalinstructure tohu whakapae (pouri).
.--border-color-aiHe ārai mārama kua angaia e te gradiente AI tiritahi.
.--border-color-ai-horizontalinstructure tohu whakapae (pouri).

Wātea mō te katoa ​

Ngā Ture (axe-core)Whakahou waitohu (mārama)Whakahou waitohu (pōuri)CanvasCanvas He Rerekētanga Teitei
color-contrastWCAG 2.2 1.4.3Me arotakeMe arotakeMe arotakeMe arotake

Me tutuki ngā huānga i ngā paearu mōkito o te ōwehenga rerekētanga tae

  • .--border-color-ai
  • main > .--border-color-ai-horizontal
  • .--background-ai
  • main > .--background-ai-horizontal
  • div[dir="rtl"] > .--border-color-ai-horizontal
Ngā HereWhakahou waitohu (mārama)Whakahou waitohu (pōuri)CanvasCanvas He Rerekētanga Teitei
more-contrast-respectedWCAG 2.2 1.4.3, 1.4.6Me arotakeMe arotakeMe arotakeMe arotake

Ka rerekē te whārangi i raro i te prefers-contrast: more, engari kāore i taea te ine i tētahi kupu e kitea ana.

reflow-at-320pxWCAG 2.2 1.4.10PassPassPassPass
text-spacing-no-clippingWCAG 2.2 1.4.12PassPassPassPass
Pānui mata (whaihanga)Whakahou waitohu (mārama)Whakahou waitohu (pōuri)CanvasCanvas He Rerekētanga Teitei
AnnouncementsPassPassPassPass

Kāore ēnei hua aunoa e whakaū ana e tutuki ana te whārangi i ngā paearu WCAG; me arotake ā-ringa tonu.

Ngā tohu i whakamahia ​

TokenMomoUara
--instui-border-width-sm<length>0.0625rem
--instui-color-background-base<color>LightDarklight-dark(#ffffff, #10141A)
--instui-color-stroke-ai-bottom-gradient<color>LightDarklight-dark(#00828E, #04A4B7)
--instui-color-stroke-ai-top-gradient<color>LightDarklight-dark(#9E58BD, #B680CC)