1.x Sizing support - LuccaSA/lucca-ui GitHub Wiki

You can have custom elements support lucca-UI sizing logic via the .lui_supports_sizing mixin.

N.B.: by default, sizes are "x-small", "small", "regular", "large" and "x-large".

The mixin takes a ruleset as parameter. In the ruleset, you may want to use the @sizeEms variable.

Example:

.my-element {
    .lui_supports_sizing({
        font-size: @sizeEms;
    });
}

<div class="lui large my-element"></div>