Navigation

percent() Function

Note: Functions and mixins are designed for use in the Custom SCSS area of the Automatic.css dashboard. They will not work in the builder inputs or builder CSS.

This function works exactly like the rem() function, but will convert the final value into a whole-number percentage value. It’s most often used with variable calculations.

<code>$my-percent: percent(5 * 5);</code>
Code language: HTML, XML (xml)

Result: 25%