@id
The id of the cell element, c-<x>-<y>-<z>.
On a 2D grid that is the element’s id; on a depth tree it is a class of the same name.
Syntax
- @id
Useful when something inside the cell needs a unique name, such as an SVG element referenced by id.
Examples
@grid: 3 / 60vmin _1px;
background: #000;
color: #fff;
font-size: .7em;
@content: @id;@grid: 4 / 60vmin _1px;
@content: @svg(
viewBox: 0 0 10 10;
defs {
clipPath#clip-@id {
circle { cx, cy: 5; r: @r(2, 5) }
}
}
rect {
width, height: 10;
fill: #000;
clip-path: url(#clip-@id);
}
);