# fluid

Generates complex CSS `clamp()` functions for robust fluid units, used for Pollen's inbuilt fluid typography scale

```typescript
fluid(
  minSize: number, 
  maxSize: number, 
  minWidth?: number, 
  maxWidth?: number
)
```

{% code title="pollen.config.js" %}

```javascript
const { fluid } = require('pollen-css/utils');

module.exports = (pollen) => ({
  modules: {
    fluidFontSize: {
      '0': fluid(14, 16)
    }
  }    
});
```

{% endcode %}

<table><thead><tr><th width="158">Property</th><th width="100">Default</th><th width="104">Required</th><th>Description</th></tr></thead><tbody><tr><td><code>minSize</code></td><td></td><td>Yes</td><td>Smallest value of the size (in px)</td></tr><tr><td><code>maxSize</code></td><td></td><td>Yes</td><td>Largest value of the size (in px)</td></tr><tr><td><code>minWidth</code></td><td><code>480</code></td><td>No</td><td>Screen width fluid range begins</td></tr><tr><td><code>maxWidth</code></td><td><code>1280</code></td><td>No</td><td>Screen width fluid range ends</td></tr></tbody></table>