CodePen Embed - CSS Custom Properties Demo 8

<p style="--custom-font-size: 8px">Lorem ipsum dolor sit amet</p>
<p style="--custom-font-size: 10px">Lorem ipsum dolor sit amet</p>
<p style="--custom-font-size: 12px">Lorem ipsum dolor sit amet</p>
<p style="--custom-font-size: 14px">Lorem ipsum dolor sit amet</p>
<p style="--custom-font-size: 16px">Lorem ipsum dolor sit amet</p>

p { font-size: clamp(10px, var(--custom-font-size, 12px), 14px); }

Run Pen

This Pen is owned by Georgi Popov on CodePen.

See more by @magadanskiuchen on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.