---
url: /api/renderers/foundation/src/functions/toFoundationCss.md
---
[pantoken-root](../../../../index.md) / [renderers/foundation/src](../index.md) / toFoundationCss

# Function: toFoundationCss()

> **toFoundationCss**(`options?`): `string`

Experimental

Emit the thin runtime CSS overlay: theme Foundation's compiled classes with `var(--instui-*)`.

## Parameters

### options?

[`ToFoundationCssOptions`](../interfaces/ToFoundationCssOptions.md) = `{}`

[ToFoundationCssOptions](../interfaces/ToFoundationCssOptions.md).

## Returns

`string`

The overlay CSS string.

## Example

**Scope the overlay to a container**

```ts
toFoundationCss({ scope: ".instui" });
```