Info

Source

• Info.css

Example

<em class="x-info">Info text</em>

More examples can be found in the Winduum docs.

Example CSS

@import "winduum/src/components/info/props/default.css" layer(theme);
@import "winduum/src/components/info/default.css" layer(utilities);

/* Example customization */
@layer theme {
  :root, :host {
    --x-info-font-size: 0.875rem;
    --x-info-line-height: calc(1em + 0.25rem);
  }
}

Winduum CSS Code

winduum/src/components/info/props/default.css

:root, :host {
  --x-info-font-size: var(--text-xs);
  --x-info-line-height: calc(1em + 0.25rem);
}

winduum/src/components/info/default.css

.x-info {
  font-family: var(--x-info-font-family);
  font-weight: var(--x-info-font-weight);
  font-size: var(--x-info-font-size);
  line-height: var(--x-info-line-height);
  letter-spacing: var(--x-info-letter-spacing);
  text-wrap: pretty;
}