Selector

@at

The cell at a given column and row.

Syntax

  • @at(<x>, <y>) { }
x
Column number, from 1.
y
Row number, from 1.

One pair of arguments, one cell. For several positions, or an expression, use @cell.

Examples

@grid: 5 / 60vmin _1px;
@content: @x, @y;

@at(4, 3) {
  background: #000;
  color: #fff;
}

The same idea with @cell, which also allows several positions in one rule:

@grid: 5 / 60vmin _1px;
@content: @x, @y;

@cell(x = 4 && y = 3, x = 2 && y = 2) {
  background: #000;
  color: #fff;
}

See also