@yY, @Yy
The row as a ratio between 0 and 1. @yY is @y / @Y,
@Yy is (@Y - @y + 1) / @Y.
Syntax
- @yY, @yY(<easing>, <operation>, ...)
- @Yy, @Yy(<easing>, <operation>, ...)
Easing and operations work as for @iI.
The first row is 1 / @Y, the last is 1.
Examples
@grid: 5 / 60vmin _1px;
background: #000;
opacity: @yY;@grid: 1x12 / 60vmin _1px;
background: #000;
width: @Yy(ease-in-out, *100%);