From 4bee37f6211ae46815e3f9abdf7c9efd08627845 Mon Sep 17 00:00:00 2001 From: Lea Verou Date: Tue, 7 Jan 2025 17:51:49 -0500 Subject: [PATCH] Remove docs from alpha --- docs/docs/components/icon.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/docs/components/icon.md b/docs/docs/components/icon.md index f1433929f..2d59b5424 100644 --- a/docs/docs/components/icon.md +++ b/docs/docs/components/icon.md @@ -24,6 +24,8 @@ Many Font Awesome Pro icon families have variants such as `thin`, `light`, `regu ``` +
+ ### Setting icon info via CSS You can set the icon's family, name, and variant via CSS custom properties. This can be useful when you want to set defaults for a group of icons (e.g. icons inside callouts or all icons for a given theme): @@ -63,6 +65,8 @@ Notes: - CSS custom properties inherit — so if you set a `--wa-icon-*` custom property on an element, it will affect *all* icons within it that don’t override these values (either via attributes or CSS custom properties). - These CSS properties are currently not reactive and will only be read when the component is first connected. +
+ ### Colors Icons inherit their color from the current text color. Thus, you can set the `color` property on the `` element or an ancestor to change the color.