-
-
Notifications
You must be signed in to change notification settings - Fork 100
/
grid.ts
52 lines (44 loc) · 1 KB
/
grid.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import * as kontra from '../../kontra.js';
let grid = kontra.Grid();
let flow: string = grid.flow;
let align: string | string[] = grid.align;
let justify: string | string[] = grid.justify;
let colGap: number | number[] = grid.colGap;
let rowGap: number | number[] = grid.rowGap;
let numRows: number = grid.numRows;
let dir: string = grid.dir;
let breakpoints: {metric: Function, callback: Function}[] = grid.breakpoints;
grid.destroy();
// inheritance
grid.x += 20;
grid.rotation = Math.PI;
grid.advance();
grid.render();
// options
kontra.Grid({
flow: 'grid',
align: 'center',
justify: 'center',
colGap: 10,
rowGap: 10,
numCols: 2,
dir: 'rtl',
breakpoints: [{
metric() { return true },
callback() { this.numCols = 1 }
}]
});
// gap arrays
kontra.Grid({
colGap: [10],
rowGap: [10],
});
// alignment arrays
kontra.Grid({
align: ['end', 'center'],
justify: ['end', 'center'],
});
// extends
class CustomGrid extends kontra.GridClass {}
let myGrid = new CustomGrid();
myGrid.destroy();