luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
d2/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg

149 lines
33 KiB
XML
Raw Normal View History

bump tests
2023-06-10 03:50:58 +00:00
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2239 694"><svg id="d2-svg" class="d2-2531972057" width="2239" height="694" viewBox="11 11 2239 694"><rect x="11.000000" y="11.000000" width="2239.000000" height="694.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
TA=1
2023-06-03 12:05:18 +00:00
.d2-2531972057 .text {
font-family: "d2-2531972057-font-regular";
layout nested grids
2023-05-09 01:38:41 +00:00
}
@font-face {
TA=1
2023-06-03 12:05:18 +00:00
font-family: d2-2531972057-font-regular;
more accurate
2023-05-31 23:58:10 +00:00
src: url("data:application/font-woff;base64,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
layout nested grids
2023-05-09 01:38:41 +00:00
}
TA=1
2023-06-03 12:05:18 +00:00
.d2-2531972057 .text-bold {
font-family: "d2-2531972057-font-bold";
layout nested grids
2023-05-09 01:38:41 +00:00
}
@font-face {
TA=1
2023-06-03 12:05:18 +00:00
font-family: d2-2531972057-font-bold;
more accurate
2023-05-31 23:58:10 +00:00
src: url("data:application/font-woff;base64,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
layout nested grids
2023-05-09 01:38:41 +00:00
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
TA=1
2023-06-03 12:05:18 +00:00
.d2-2531972057 .fill-N1{fill:#0A0F25;}
.d2-2531972057 .fill-N2{fill:#676C7E;}
.d2-2531972057 .fill-N3{fill:#9499AB;}
.d2-2531972057 .fill-N4{fill:#CFD2DD;}
.d2-2531972057 .fill-N5{fill:#DEE1EB;}
.d2-2531972057 .fill-N6{fill:#EEF1F8;}
.d2-2531972057 .fill-N7{fill:#FFFFFF;}
.d2-2531972057 .fill-B1{fill:#0D32B2;}
.d2-2531972057 .fill-B2{fill:#0D32B2;}
.d2-2531972057 .fill-B3{fill:#E3E9FD;}
.d2-2531972057 .fill-B4{fill:#E3E9FD;}
.d2-2531972057 .fill-B5{fill:#EDF0FD;}
.d2-2531972057 .fill-B6{fill:#F7F8FE;}
.d2-2531972057 .fill-AA2{fill:#4A6FF3;}
.d2-2531972057 .fill-AA4{fill:#EDF0FD;}
.d2-2531972057 .fill-AA5{fill:#F7F8FE;}
.d2-2531972057 .fill-AB4{fill:#EDF0FD;}
.d2-2531972057 .fill-AB5{fill:#F7F8FE;}
.d2-2531972057 .stroke-N1{stroke:#0A0F25;}
.d2-2531972057 .stroke-N2{stroke:#676C7E;}
.d2-2531972057 .stroke-N3{stroke:#9499AB;}
.d2-2531972057 .stroke-N4{stroke:#CFD2DD;}
.d2-2531972057 .stroke-N5{stroke:#DEE1EB;}
.d2-2531972057 .stroke-N6{stroke:#EEF1F8;}
.d2-2531972057 .stroke-N7{stroke:#FFFFFF;}
.d2-2531972057 .stroke-B1{stroke:#0D32B2;}
.d2-2531972057 .stroke-B2{stroke:#0D32B2;}
.d2-2531972057 .stroke-B3{stroke:#E3E9FD;}
.d2-2531972057 .stroke-B4{stroke:#E3E9FD;}
.d2-2531972057 .stroke-B5{stroke:#EDF0FD;}
.d2-2531972057 .stroke-B6{stroke:#F7F8FE;}
.d2-2531972057 .stroke-AA2{stroke:#4A6FF3;}
.d2-2531972057 .stroke-AA4{stroke:#EDF0FD;}
.d2-2531972057 .stroke-AA5{stroke:#F7F8FE;}
.d2-2531972057 .stroke-AB4{stroke:#EDF0FD;}
.d2-2531972057 .stroke-AB5{stroke:#F7F8FE;}
.d2-2531972057 .background-color-N1{background-color:#0A0F25;}
.d2-2531972057 .background-color-N2{background-color:#676C7E;}
.d2-2531972057 .background-color-N3{background-color:#9499AB;}
.d2-2531972057 .background-color-N4{background-color:#CFD2DD;}
.d2-2531972057 .background-color-N5{background-color:#DEE1EB;}
.d2-2531972057 .background-color-N6{background-color:#EEF1F8;}
.d2-2531972057 .background-color-N7{background-color:#FFFFFF;}
.d2-2531972057 .background-color-B1{background-color:#0D32B2;}
.d2-2531972057 .background-color-B2{background-color:#0D32B2;}
.d2-2531972057 .background-color-B3{background-color:#E3E9FD;}
.d2-2531972057 .background-color-B4{background-color:#E3E9FD;}
.d2-2531972057 .background-color-B5{background-color:#EDF0FD;}
.d2-2531972057 .background-color-B6{background-color:#F7F8FE;}
.d2-2531972057 .background-color-AA2{background-color:#4A6FF3;}
.d2-2531972057 .background-color-AA4{background-color:#EDF0FD;}
.d2-2531972057 .background-color-AA5{background-color:#F7F8FE;}
.d2-2531972057 .background-color-AB4{background-color:#EDF0FD;}
.d2-2531972057 .background-color-AB5{background-color:#F7F8FE;}
.d2-2531972057 .color-N1{color:#0A0F25;}
.d2-2531972057 .color-N2{color:#676C7E;}
.d2-2531972057 .color-N3{color:#9499AB;}
.d2-2531972057 .color-N4{color:#CFD2DD;}
.d2-2531972057 .color-N5{color:#DEE1EB;}
.d2-2531972057 .color-N6{color:#EEF1F8;}
.d2-2531972057 .color-N7{color:#FFFFFF;}
.d2-2531972057 .color-B1{color:#0D32B2;}
.d2-2531972057 .color-B2{color:#0D32B2;}
.d2-2531972057 .color-B3{color:#E3E9FD;}
.d2-2531972057 .color-B4{color:#E3E9FD;}
.d2-2531972057 .color-B5{color:#EDF0FD;}
.d2-2531972057 .color-B6{color:#F7F8FE;}
.d2-2531972057 .color-AA2{color:#4A6FF3;}
.d2-2531972057 .color-AA4{color:#EDF0FD;}
.d2-2531972057 .color-AA5{color:#F7F8FE;}
.d2-2531972057 .color-AB4{color:#EDF0FD;}
.d2-2531972057 .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}]]></style><g id="grid w/ container" class="2x2"><g class="shape" ><rect x="12.000000" y="162.000000" width="404.000000" height="392.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="214.000000" y="195.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="436.000000" y="12.000000" width="972.000000" height="692.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="922.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1428.000000" y="99.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1668.000000" y="132.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid" class="2x2 gap0"><g class="shape" ><rect x="1928.000000" y="67.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2088.500000" y="100.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="72.000000" y="222.000000" width="53.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="165.000000" y="222.000000" width="191.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="251.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="72.000000" y="428.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="466.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="165.000000" y="428.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="466.500000" class="text-bold fill-N1" styl
update tests
2023-05-10 22:24:53 +00:00
<rect x="11" y="11" width="2239" height="694" fill="white"></rect>
option: connection clearly visibile but transparent
2023-06-09 02:28:34 +00:00
<rect x="114.000000" y="167.000000" width="200" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="774.000000" y="17.000000" width="296" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1606.000000" y="104.000000" width="124" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1979.000000" y="72.000000" width="219" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="294.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="254.500000" y="227.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="450.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="256.000000" y="450.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="518.500000" y="294.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="962.500000" y="77.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
<rect x="518.500000" y="600.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="964.000000" y="600.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1510.500000" y="294.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1708.500000" y="164.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1510.500000" y="513.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1710.000000" y="513.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1950.500000" y="337.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2109.000000" y="118.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1950.500000" y="604.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2110.500000" y="604.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="237.500000" y="294.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="956.500000" y="127.000000" width="24" height="26" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1663.500000" y="241.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1757.000000" y="241.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1663.500000" y="347.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1756.500000" y="347.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2084.000000" y="176.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2218.000000" y="176.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2083.500000" y="225.000000" width="9" height="26" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2217.500000" y="390.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="812.000000" y="177.000000" width="20" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1098.500000" y="177.000000" width="26" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2003.500000" y="278.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2110.500000" y="278.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2003.500000" y="441.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2110.500000" y="327.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="812.000000" y="227.000000" width="20" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1098.500000" y="227.000000" width="26" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2084.000000" y="358.000000" width="7" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2164.000000" y="424.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2083.500000" y="538.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2163.500000" y="538.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="811.500000" y="294.500000" width="21" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1097.500000" y="294.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2056.500000" y="406.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2110.000000" y="406.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2056.500000" y="472.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2109.500000" y="472.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
layout nested grids
2023-05-09 01:38:41 +00:00
</mask></svg></svg>
Reference in a new issue Copy permalink