@xX, @Xx
The column as a ratio between 0 and 1. @xX is @x / @X,
@Xx is (@X - @x + 1) / @X.
Syntax
- @xX, @xX(<easing>, <operation>, ...)
- @Xx, @Xx(<easing>, <operation>, ...)
Easing and operations work as for @iI.
The first column is 1 / @X, the last is 1.
Examples
@grid: 5 / 60vmin _1px;
background: #000;
opacity: @xX;@grid: 12x1 / 60vmin;
@size: @Xx(ease-out, *100%);
@place: center;
background: #000;
opacity: @xX;
border-radius: 50%;