CSS: ai-gradient

.--background-ai-horizontal — AI-accent verloop-hulpmiddelen bedoeld voor aangepaste oppervlakken, niet voor het gedeelde InstUI-contract.

Source: index.ts

Gebruik

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

Modifiers

Modifier	Beschrijving
.--background-ai	Vul de achtergrond van het element met het gedeelde AI-verloop.
.--background-ai-horizontal	instructure horizontaal logo (donker).
.--border-color-ai	Een transparante rand omlijst door het gedeelde AI-verloop.
.--border-color-ai-horizontal	instructure horizontaal logo (donker).

Gebruikte tokens

Token	Type	Waarde
--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)