util css.ts

0% Statements 0/4

0% Branches 0/2

0% Functions 0/3

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /**
 * @fileoverview CSS Related Utils
 */
 
/**
 * Translates a series of grid row definitions into a grid area string
 * ```ts
 * const gridAreas = makeGridAreas(
 *  ["header", "header", "header"],
 *  ["aside", "main", "main"],
 *  ["aside", "footer", "footer"]
 * ); // `"header header header" "aside main main" "aside footer footer"`
 *
 * const withBlank = makeGridAreas(
 *   ["header", null, "main"]
 * ); // `"header . main"`
 * ```
 */
export const makeGridAreas = (...rows: (string | null)[][]): string => {
  return rows
    .map((row) => `"${row.map((col) => col ?? ".").join(" ")}"`)
    .join(" ");
};