diff --git a/e2etests/testdata/stable/grid_nested/dagre/board.exp.json b/e2etests/testdata/stable/grid_nested/dagre/board.exp.json index 7a47434c9..539206801 100644 --- a/e2etests/testdata/stable/grid_nested/dagre/board.exp.json +++ b/e2etests/testdata/stable/grid_nested/dagre/board.exp.json @@ -14,7 +14,7 @@ "y": 150 }, "width": 384, - "height": 356, + "height": 388, "opacity": 1, "strokeDash": 0, "strokeWidth": 2, @@ -52,7 +52,7 @@ "type": "rectangle", "pos": { "x": 60, - "y": 210 + "y": 242 }, "width": 53, "height": 130, @@ -93,7 +93,7 @@ "type": "rectangle", "pos": { "x": 153, - "y": 210 + "y": 242 }, "width": 171, "height": 130, @@ -125,7 +125,7 @@ "underline": false, "labelWidth": 12, "labelHeight": 31, - "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPosition": "OUTSIDE_TOP_CENTER", "zIndex": 0, "level": 2 }, @@ -134,7 +134,7 @@ "type": "rectangle", "pos": { "x": 193, - "y": 242 + "y": 274 }, "width": 91, "height": 66, @@ -175,7 +175,7 @@ "type": "rectangle", "pos": { "x": 60, - "y": 380 + "y": 412 }, "width": 53, "height": 66, @@ -216,7 +216,7 @@ "type": "rectangle", "pos": { "x": 153, - "y": 380 + "y": 412 }, "width": 171, "height": 66, @@ -263,7 +263,7 @@ "y": 0 }, "width": 692, - "height": 656, + "height": 688, "opacity": 1, "strokeDash": 0, "strokeWidth": 2, @@ -301,7 +301,7 @@ "type": "rectangle", "pos": { "x": 504, - "y": 60 + "y": 92 }, "width": 53, "height": 430, @@ -342,7 +342,7 @@ "type": "rectangle", "pos": { "x": 597, - "y": 60 + "y": 92 }, "width": 479, "height": 430, @@ -374,7 +374,7 @@ "underline": false, "labelWidth": 12, "labelHeight": 31, - "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPosition": "OUTSIDE_TOP_CENTER", "zIndex": 0, "level": 2 }, @@ -383,7 +383,7 @@ "type": "rectangle", "pos": { "x": 617, - "y": 123 + "y": 155 }, "width": 439, "height": 335, @@ -424,7 +424,7 @@ "type": "rectangle", "pos": { "x": 637, - "y": 183 + "y": 215 }, "width": 186, "height": 240, @@ -465,7 +465,7 @@ "type": "rectangle", "pos": { "x": 657, - "y": 246 + "y": 278 }, "width": 146, "height": 140, @@ -506,7 +506,7 @@ "type": "rectangle", "pos": { "x": 697, - "y": 283 + "y": 315 }, "width": 66, "height": 66, @@ -547,7 +547,7 @@ "type": "rectangle", "pos": { "x": 843, - "y": 183 + "y": 215 }, "width": 193, "height": 240, @@ -588,7 +588,7 @@ "type": "rectangle", "pos": { "x": 863, - "y": 246 + "y": 278 }, "width": 153, "height": 140, @@ -629,7 +629,7 @@ "type": "rectangle", "pos": { "x": 903, - "y": 283 + "y": 315 }, "width": 73, "height": 66, @@ -670,7 +670,7 @@ "type": "rectangle", "pos": { "x": 504, - "y": 530 + "y": 562 }, "width": 53, "height": 66, @@ -711,7 +711,7 @@ "type": "rectangle", "pos": { "x": 597, - "y": 530 + "y": 562 }, "width": 479, "height": 66, @@ -755,7 +755,7 @@ ], "pos": { "x": 1196, - "y": 69 + "y": 85 }, "width": 480, "height": 518, @@ -796,7 +796,7 @@ "type": "rectangle", "pos": { "x": 1256, - "y": 129 + "y": 145 }, "width": 53, "height": 292, @@ -840,7 +840,7 @@ ], "pos": { "x": 1349, - "y": 129 + "y": 145 }, "width": 267, "height": 292, @@ -881,7 +881,7 @@ "type": "rectangle", "pos": { "x": 1409, - "y": 189 + "y": 205 }, "width": 53, "height": 66, @@ -922,7 +922,7 @@ "type": "rectangle", "pos": { "x": 1502, - "y": 189 + "y": 205 }, "width": 54, "height": 66, @@ -963,7 +963,7 @@ "type": "rectangle", "pos": { "x": 1409, - "y": 295 + "y": 311 }, "width": 53, "height": 66, @@ -1004,7 +1004,7 @@ "type": "rectangle", "pos": { "x": 1502, - "y": 295 + "y": 311 }, "width": 54, "height": 66, @@ -1045,7 +1045,7 @@ "type": "rectangle", "pos": { "x": 1256, - "y": 461 + "y": 477 }, "width": 53, "height": 66, @@ -1086,7 +1086,7 @@ "type": "rectangle", "pos": { "x": 1349, - "y": 461 + "y": 477 }, "width": 267, "height": 66, @@ -1127,7 +1127,7 @@ "type": "rectangle", "pos": { "x": 1736, - "y": 38 + "y": 54 }, "width": 321, "height": 581, @@ -1168,7 +1168,7 @@ "type": "rectangle", "pos": { "x": 1736, - "y": 84 + "y": 100 }, "width": 53, "height": 469, @@ -1209,7 +1209,7 @@ "type": "rectangle", "pos": { "x": 1789, - "y": 84 + "y": 100 }, "width": 268, "height": 469, @@ -1250,7 +1250,7 @@ "type": "rectangle", "pos": { "x": 1789, - "y": 125 + "y": 141 }, "width": 214, "height": 66, @@ -1291,7 +1291,7 @@ "type": "rectangle", "pos": { "x": 2003, - "y": 125 + "y": 141 }, "width": 54, "height": 66, @@ -1332,7 +1332,7 @@ "type": "rectangle", "pos": { "x": 1789, - "y": 191 + "y": 207 }, "width": 214, "height": 362, @@ -1373,7 +1373,7 @@ "type": "rectangle", "pos": { "x": 1789, - "y": 227 + "y": 243 }, "width": 53, "height": 66, @@ -1414,7 +1414,7 @@ "type": "rectangle", "pos": { "x": 1842, - "y": 227 + "y": 243 }, "width": 161, "height": 66, @@ -1455,7 +1455,7 @@ "type": "rectangle", "pos": { "x": 1789, - "y": 293 + "y": 309 }, "width": 53, "height": 260, @@ -1496,7 +1496,7 @@ "type": "rectangle", "pos": { "x": 1842, - "y": 293 + "y": 309 }, "width": 161, "height": 260, @@ -1537,7 +1537,7 @@ "type": "rectangle", "pos": { "x": 1842, - "y": 324 + "y": 340 }, "width": 107, "height": 163, @@ -1578,7 +1578,7 @@ "type": "rectangle", "pos": { "x": 1842, - "y": 355 + "y": 371 }, "width": 53, "height": 66, @@ -1619,7 +1619,7 @@ "type": "rectangle", "pos": { "x": 1895, - "y": 355 + "y": 371 }, "width": 54, "height": 66, @@ -1660,7 +1660,7 @@ "type": "rectangle", "pos": { "x": 1842, - "y": 421 + "y": 437 }, "width": 53, "height": 66, @@ -1701,7 +1701,7 @@ "type": "rectangle", "pos": { "x": 1895, - "y": 421 + "y": 437 }, "width": 54, "height": 66, @@ -1742,7 +1742,7 @@ "type": "rectangle", "pos": { "x": 1949, - "y": 324 + "y": 340 }, "width": 54, "height": 163, @@ -1783,7 +1783,7 @@ "type": "rectangle", "pos": { "x": 1842, - "y": 487 + "y": 503 }, "width": 107, "height": 66, @@ -1824,7 +1824,7 @@ "type": "rectangle", "pos": { "x": 1949, - "y": 487 + "y": 503 }, "width": 54, "height": 66, @@ -1865,7 +1865,7 @@ "type": "rectangle", "pos": { "x": 2003, - "y": 191 + "y": 207 }, "width": 54, "height": 362, @@ -1906,7 +1906,7 @@ "type": "rectangle", "pos": { "x": 1736, - "y": 553 + "y": 569 }, "width": 53, "height": 66, @@ -1947,7 +1947,7 @@ "type": "rectangle", "pos": { "x": 1789, - "y": 553 + "y": 569 }, "width": 268, "height": 66, diff --git a/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg index 136a16b78..7812cc589 100644 --- a/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg +++ b/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg @@ -1,16 +1,16 @@ -grid w/ containergrid w/ nested containersgrid in gridgrid w/ grid w/ gridabcdabcdabcdabcdb childb 1abcdabcdb 2b 2aabcdb 3b 3aabcdb 4b 3aabcd - + .d2-2603497423 .fill-N1{fill:#0A0F25;} + .d2-2603497423 .fill-N2{fill:#676C7E;} + .d2-2603497423 .fill-N3{fill:#9499AB;} + .d2-2603497423 .fill-N4{fill:#CFD2DD;} + .d2-2603497423 .fill-N5{fill:#DEE1EB;} + .d2-2603497423 .fill-N6{fill:#EEF1F8;} + .d2-2603497423 .fill-N7{fill:#FFFFFF;} + .d2-2603497423 .fill-B1{fill:#0D32B2;} + .d2-2603497423 .fill-B2{fill:#0D32B2;} + .d2-2603497423 .fill-B3{fill:#E3E9FD;} + .d2-2603497423 .fill-B4{fill:#E3E9FD;} + .d2-2603497423 .fill-B5{fill:#EDF0FD;} + .d2-2603497423 .fill-B6{fill:#F7F8FE;} + .d2-2603497423 .fill-AA2{fill:#4A6FF3;} + .d2-2603497423 .fill-AA4{fill:#EDF0FD;} + .d2-2603497423 .fill-AA5{fill:#F7F8FE;} + .d2-2603497423 .fill-AB4{fill:#EDF0FD;} + .d2-2603497423 .fill-AB5{fill:#F7F8FE;} + .d2-2603497423 .stroke-N1{stroke:#0A0F25;} + .d2-2603497423 .stroke-N2{stroke:#676C7E;} + .d2-2603497423 .stroke-N3{stroke:#9499AB;} + .d2-2603497423 .stroke-N4{stroke:#CFD2DD;} + .d2-2603497423 .stroke-N5{stroke:#DEE1EB;} + .d2-2603497423 .stroke-N6{stroke:#EEF1F8;} + .d2-2603497423 .stroke-N7{stroke:#FFFFFF;} + .d2-2603497423 .stroke-B1{stroke:#0D32B2;} + .d2-2603497423 .stroke-B2{stroke:#0D32B2;} + .d2-2603497423 .stroke-B3{stroke:#E3E9FD;} + .d2-2603497423 .stroke-B4{stroke:#E3E9FD;} + .d2-2603497423 .stroke-B5{stroke:#EDF0FD;} + .d2-2603497423 .stroke-B6{stroke:#F7F8FE;} + .d2-2603497423 .stroke-AA2{stroke:#4A6FF3;} + .d2-2603497423 .stroke-AA4{stroke:#EDF0FD;} + .d2-2603497423 .stroke-AA5{stroke:#F7F8FE;} + .d2-2603497423 .stroke-AB4{stroke:#EDF0FD;} + .d2-2603497423 .stroke-AB5{stroke:#F7F8FE;} + .d2-2603497423 .background-color-N1{background-color:#0A0F25;} + .d2-2603497423 .background-color-N2{background-color:#676C7E;} + .d2-2603497423 .background-color-N3{background-color:#9499AB;} + .d2-2603497423 .background-color-N4{background-color:#CFD2DD;} + .d2-2603497423 .background-color-N5{background-color:#DEE1EB;} + .d2-2603497423 .background-color-N6{background-color:#EEF1F8;} + .d2-2603497423 .background-color-N7{background-color:#FFFFFF;} + .d2-2603497423 .background-color-B1{background-color:#0D32B2;} + .d2-2603497423 .background-color-B2{background-color:#0D32B2;} + .d2-2603497423 .background-color-B3{background-color:#E3E9FD;} + .d2-2603497423 .background-color-B4{background-color:#E3E9FD;} + .d2-2603497423 .background-color-B5{background-color:#EDF0FD;} + .d2-2603497423 .background-color-B6{background-color:#F7F8FE;} + .d2-2603497423 .background-color-AA2{background-color:#4A6FF3;} + .d2-2603497423 .background-color-AA4{background-color:#EDF0FD;} + .d2-2603497423 .background-color-AA5{background-color:#F7F8FE;} + .d2-2603497423 .background-color-AB4{background-color:#EDF0FD;} + .d2-2603497423 .background-color-AB5{background-color:#F7F8FE;} + .d2-2603497423 .color-N1{color:#0A0F25;} + .d2-2603497423 .color-N2{color:#676C7E;} + .d2-2603497423 .color-N3{color:#9499AB;} + .d2-2603497423 .color-N4{color:#CFD2DD;} + .d2-2603497423 .color-N5{color:#DEE1EB;} + .d2-2603497423 .color-N6{color:#EEF1F8;} + .d2-2603497423 .color-N7{color:#FFFFFF;} + .d2-2603497423 .color-B1{color:#0D32B2;} + .d2-2603497423 .color-B2{color:#0D32B2;} + .d2-2603497423 .color-B3{color:#E3E9FD;} + .d2-2603497423 .color-B4{color:#E3E9FD;} + .d2-2603497423 .color-B5{color:#EDF0FD;} + .d2-2603497423 .color-B6{color:#F7F8FE;} + .d2-2603497423 .color-AA2{color:#4A6FF3;} + .d2-2603497423 .color-AA4{color:#EDF0FD;} + .d2-2603497423 .color-AA5{color:#F7F8FE;} + .d2-2603497423 .color-AB4{color:#EDF0FD;} + .d2-2603497423 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>grid w/ containergrid w/ nested containersgrid in gridgrid w/ grid w/ gridabcdabcdabcdabcdb childb 1abcdabcdb 2b 2aabcdb 3b 3aabcdb 4b 3aabcd + \ No newline at end of file diff --git a/e2etests/testdata/stable/grid_nested/elk/board.exp.json b/e2etests/testdata/stable/grid_nested/elk/board.exp.json index 09aabada3..08a18ac92 100644 --- a/e2etests/testdata/stable/grid_nested/elk/board.exp.json +++ b/e2etests/testdata/stable/grid_nested/elk/board.exp.json @@ -125,7 +125,7 @@ "underline": false, "labelWidth": 12, "labelHeight": 31, - "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPosition": "INSIDE_TOP_CENTER", "zIndex": 0, "level": 2 }, @@ -374,7 +374,7 @@ "underline": false, "labelWidth": 12, "labelHeight": 31, - "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPosition": "INSIDE_TOP_CENTER", "zIndex": 0, "level": 2 }, diff --git a/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg b/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg index cb2d63c26..9a8649b41 100644 --- a/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg +++ b/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg @@ -1,16 +1,16 @@ -grid w/ containergrid w/ nested containersgrid in gridgrid w/ grid w/ gridabcdabcdabcdabcdb childb 1abcdabcdb 2b 2aabcdb 3b 3aabcdb 4b 3aabcd + .d2-511948305 .fill-N1{fill:#0A0F25;} + .d2-511948305 .fill-N2{fill:#676C7E;} + .d2-511948305 .fill-N3{fill:#9499AB;} + .d2-511948305 .fill-N4{fill:#CFD2DD;} + .d2-511948305 .fill-N5{fill:#DEE1EB;} + .d2-511948305 .fill-N6{fill:#EEF1F8;} + .d2-511948305 .fill-N7{fill:#FFFFFF;} + .d2-511948305 .fill-B1{fill:#0D32B2;} + .d2-511948305 .fill-B2{fill:#0D32B2;} + .d2-511948305 .fill-B3{fill:#E3E9FD;} + .d2-511948305 .fill-B4{fill:#E3E9FD;} + .d2-511948305 .fill-B5{fill:#EDF0FD;} + .d2-511948305 .fill-B6{fill:#F7F8FE;} + .d2-511948305 .fill-AA2{fill:#4A6FF3;} + .d2-511948305 .fill-AA4{fill:#EDF0FD;} + .d2-511948305 .fill-AA5{fill:#F7F8FE;} + .d2-511948305 .fill-AB4{fill:#EDF0FD;} + .d2-511948305 .fill-AB5{fill:#F7F8FE;} + .d2-511948305 .stroke-N1{stroke:#0A0F25;} + .d2-511948305 .stroke-N2{stroke:#676C7E;} + .d2-511948305 .stroke-N3{stroke:#9499AB;} + .d2-511948305 .stroke-N4{stroke:#CFD2DD;} + .d2-511948305 .stroke-N5{stroke:#DEE1EB;} + .d2-511948305 .stroke-N6{stroke:#EEF1F8;} + .d2-511948305 .stroke-N7{stroke:#FFFFFF;} + .d2-511948305 .stroke-B1{stroke:#0D32B2;} + .d2-511948305 .stroke-B2{stroke:#0D32B2;} + .d2-511948305 .stroke-B3{stroke:#E3E9FD;} + .d2-511948305 .stroke-B4{stroke:#E3E9FD;} + .d2-511948305 .stroke-B5{stroke:#EDF0FD;} + .d2-511948305 .stroke-B6{stroke:#F7F8FE;} + .d2-511948305 .stroke-AA2{stroke:#4A6FF3;} + .d2-511948305 .stroke-AA4{stroke:#EDF0FD;} + .d2-511948305 .stroke-AA5{stroke:#F7F8FE;} + .d2-511948305 .stroke-AB4{stroke:#EDF0FD;} + .d2-511948305 .stroke-AB5{stroke:#F7F8FE;} + .d2-511948305 .background-color-N1{background-color:#0A0F25;} + .d2-511948305 .background-color-N2{background-color:#676C7E;} + .d2-511948305 .background-color-N3{background-color:#9499AB;} + .d2-511948305 .background-color-N4{background-color:#CFD2DD;} + .d2-511948305 .background-color-N5{background-color:#DEE1EB;} + .d2-511948305 .background-color-N6{background-color:#EEF1F8;} + .d2-511948305 .background-color-N7{background-color:#FFFFFF;} + .d2-511948305 .background-color-B1{background-color:#0D32B2;} + .d2-511948305 .background-color-B2{background-color:#0D32B2;} + .d2-511948305 .background-color-B3{background-color:#E3E9FD;} + .d2-511948305 .background-color-B4{background-color:#E3E9FD;} + .d2-511948305 .background-color-B5{background-color:#EDF0FD;} + .d2-511948305 .background-color-B6{background-color:#F7F8FE;} + .d2-511948305 .background-color-AA2{background-color:#4A6FF3;} + .d2-511948305 .background-color-AA4{background-color:#EDF0FD;} + .d2-511948305 .background-color-AA5{background-color:#F7F8FE;} + .d2-511948305 .background-color-AB4{background-color:#EDF0FD;} + .d2-511948305 .background-color-AB5{background-color:#F7F8FE;} + .d2-511948305 .color-N1{color:#0A0F25;} + .d2-511948305 .color-N2{color:#676C7E;} + .d2-511948305 .color-N3{color:#9499AB;} + .d2-511948305 .color-N4{color:#CFD2DD;} + .d2-511948305 .color-N5{color:#DEE1EB;} + .d2-511948305 .color-N6{color:#EEF1F8;} + .d2-511948305 .color-N7{color:#FFFFFF;} + .d2-511948305 .color-B1{color:#0D32B2;} + .d2-511948305 .color-B2{color:#0D32B2;} + .d2-511948305 .color-B3{color:#E3E9FD;} + .d2-511948305 .color-B4{color:#E3E9FD;} + .d2-511948305 .color-B5{color:#EDF0FD;} + .d2-511948305 .color-B6{color:#F7F8FE;} + .d2-511948305 .color-AA2{color:#4A6FF3;} + .d2-511948305 .color-AA4{color:#EDF0FD;} + .d2-511948305 .color-AA5{color:#F7F8FE;} + .d2-511948305 .color-AB4{color:#EDF0FD;} + .d2-511948305 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>grid w/ containergrid w/ nested containersgrid in gridgrid w/ grid w/ gridabcdabcdabcdabcdb childb 1abcdabcdb 2b 2aabcdb 3b 3aabcdb 4b 3aabcd \ No newline at end of file