Skip to main content
Light Dark System

Row Limited Mixin

RowLimitedMixin Mixin

Overview

Mixin to support widgets that have a set number of rows. Whether that’s a maximum or a fixed size, implementation is up to the widget. Set rows=0 to clear.

To implement in a webcomponent set height or max-height based on the –rows CSS variable, and the –row-height of one option row this mixin provides: max-height: calc(var(–rows, 5) * var(–row-height));

Used by

This mixin is applied by the following widgets.