fd-core 0.1.18

FD (Fast Draft) — core data model, parser, emitter, and layout solver
Documentation 
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

# Nested layout — exercises the layout solver with groups, columns, and constraints

frame @sidebar {
  w: 232 h: 200
  layout: column gap=8 pad=16

  rect @nav_item_1 {
    w: 200 h: 40
    fill: #E0E0E0
    corner: 4
  }

  rect @nav_item_2 {
    w: 200 h: 40
    fill: #E0E0E0
    corner: 4
  }

  rect @nav_item_3 {
    w: 200 h: 40
    fill: #E0E0E0
    corner: 4
  }
}

frame @main_content {
  w: 448 h: 400
  layout: column gap=12 pad=24

  text @heading "Dashboard" {
    font: "Inter" 700 28
    fill: #1A1A2E
  }

  rect @card {
    w: 400 h: 200
    fill: #FFFFFF
    corner: 12
    stroke: #E0E0E0 1
  }
}

@sidebar -> center_in: canvas