Embed font to SVG

This commit is contained in:
Ilya Kantor 2019-08-11 14:17:38 +03:00
parent 1310171dd7
commit 4d44df6a3a
226 changed files with 225 additions and 11893 deletions

View file

@ -1,72 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="354px" height="308px" viewBox="0 0 354 308" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>windowObjects.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="windowObjects.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="136" y="10" width="78" height="28"></rect>
<text id="window" font-family="Consolas" font-size="14" font-weight="normal" fill="#707175">
<tspan x="152" y="28">window</tspan>
</text>
<rect id="Rectangle-2" stroke="#CFCE95" stroke-width="2" fill="#F5F4D8" x="18" y="80" width="78" height="26"></rect>
<rect id="Rectangle-2" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="255" y="118" width="78" height="26"></rect>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="110" y="270" width="132" height="26"></rect>
<text id="document" font-family="Consolas" font-size="14" font-weight="normal" fill="#727155">
<tspan x="26" y="97">document</tspan>
</text>
<rect id="Rectangle-2" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="255" y="80" width="78" height="26"></rect>
<text id="Object" font-family="Consolas" font-size="14" font-weight="normal" fill="#924565">
<tspan x="271" y="97">Object</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="80" width="78" height="26"></rect>
<text id="navigator" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="139.5" y="97">navigator</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="118" width="78" height="26"></rect>
<text id="screen" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="151" y="135">screen</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="156" width="78" height="26"></rect>
<text id="location" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="143.5" y="173">location</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="194" width="78" height="26"></rect>
<text id="frames" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="151" y="211">frames</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="232" width="78" height="26"></rect>
<text id="history" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="147.5" y="249">history</tspan>
</text>
<text id="Array" font-family="Consolas" font-size="14" font-weight="normal" fill="#924565">
<tspan x="275" y="135">Array</tspan>
</text>
<rect id="Rectangle-3" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="255" y="156" width="78" height="26"></rect>
<text id="Function" font-family="Consolas" font-size="14" font-weight="normal" fill="#924565">
<tspan x="263.5" y="173">Function</tspan>
</text>
<text id="XMLHttpRequest" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="122" y="287">XMLHttpRequest</tspan>
</text>
<text id="BOM" font-family="Consolas" font-size="14" font-weight="normal" fill="#99C0C3">
<tspan x="135" y="73">BOM</tspan>
</text>
<text id="JavaScript" font-family="Consolas" font-size="14" font-weight="normal" fill="#C74A6C">
<tspan x="271" y="73">JavaScript</tspan>
</text>
<text id="DOM" font-family="Consolas" font-size="14" font-weight="normal" fill="#CFCE95">
<tspan x="17" y="73">DOM</tspan>
</text>
<path id="Line" d="M173.5,58.5 L173.5,40.5 L175.5,40.5 L175.5,58.5 L181.5,58.5 L174.5,72.5 L167.5,58.5 L173.5,58.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2" d="M97.4216083,64.684192 L132.749841,40.1080303 L133.89197,41.7498407 L98.5637373,66.3260024 L101.990124,71.2514336 L86.5,73.5 L93.9952214,59.7587608 L97.4216083,64.684192 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="…" font-family="Consolas" font-size="24" font-weight="normal" fill="#727155">
<tspan x="50" y="122"></tspan>
</text>
<text id="…-2" font-family="Consolas" font-size="24" font-weight="normal" fill="#924565">
<tspan x="287" y="201"></tspan>
</text>
<path id="Line" d="M255.37175,67.4660359 L216.101095,40.7504484 L217.226047,39.0968214 L256.496703,65.8124089 L259.87156,60.851528 L267.509615,74.5138889 L251.996893,72.4269168 L255.37175,67.4660359 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="367" height="308" viewBox="0 0 367 308"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="windowObjects.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M136 10h78v28h-78z"/><text id="window" fill="#707175" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="152" y="28">window</tspan></text><path id="Rectangle-2" fill="#F5F4D8" stroke="#CFCE95" stroke-width="2" d="M18 80h78v26H18z"/><path id="Rectangle-2" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M255 118h83v26h-83z"/><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M110 270h132v26H110z"/><text id="document" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="26" y="97">document</tspan></text><path id="Rectangle-2" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M255 80h83v26h-83z"/><text id="Object" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="271" y="97">Object</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 80h85v26h-85z"/><text id="navigator" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="138" y="97">navigator</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 118h85v26h-85z"/><text id="screen" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="151" y="135">screen</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 156h85v26h-85z"/><text id="location" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="142" y="173">location</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 194h85v26h-85z"/><text id="frames" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="151" y="211">frames</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 232h85v26h-85z"/><text id="history" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="147" y="249">history</tspan></text><text id="Array" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="275" y="135">Array</tspan></text><path id="Rectangle-3" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M255 156h83v26h-83z"/><text id="Function" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="264" y="173">Function</tspan></text><text id="XMLHttpRequest" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="117" y="287">XMLHttpRequest</tspan></text><text id="BOM" fill="#99C0C3" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="135" y="73">BOM</tspan></text><text id="JavaScript" fill="#C74A6C" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="271" y="73">JavaScript</tspan></text><text id="DOM" fill="#CFCE95" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="17" y="73">DOM</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M175.5 58.5v-18h2v18h6l-7 14-7-14h6z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M97.422 64.684l35.328-24.576 1.142 1.642-35.328 24.576 3.426 4.925L86.5 73.5l7.495-13.741 3.427 4.925z"/><text id="…" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal"><tspan x="50" y="122"></tspan></text><text id="…-2" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal"><tspan x="287" y="201"></tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M255.372 67.466l-39.27-26.716 1.124-1.653 39.27 26.715 3.376-4.96 7.638 13.662-15.513-2.087 3.375-4.961z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Before After
Before After

View file

@ -1,63 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="440px" height="316px" viewBox="0 0 440 316" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>dom-links-elements.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dom-links-elements.svg">
<rect id="Rectangle-8" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="129" y="10" width="198" height="28"></rect>
<text id="document.documentEle" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="142.6" y="29">document.documentElement </tspan>
</text>
<text id="Type-something" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="336.9" y="29">&lt;HTML&gt;</tspan>
</text>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="163" y="78" width="117" height="28"></rect>
<text id="document.body--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="174.2" y="95">document.body </tspan>
</text>
<text id="(if-inside-body)" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="300.9" y="95">(if inside body)</tspan>
</text>
<path d="M14.5,115 L427,115" id="Line-5" stroke="#8A704D" stroke-width="2" stroke-linecap="square"></path>
<text id="parentElement" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="175" y="172" fill="#8A704D">parent</tspan>
<tspan x="218.2" y="172" fill="#EE6B47">Element</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="180" y="213" width="80" height="28"></rect>
<text id="&lt;DIV&gt;" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="204.191508" y="232">&lt;DIV&gt;</tspan>
</text>
<path id="Line-6" d="M219.5,184.567507 L214.131314,194.111837 L212.388163,193.131314 L220.5,178.710271 L228.611837,193.131314 L226.868686,194.111837 L221.5,184.567507 L221.5,208.5 L219.5,208.5 L219.5,184.567507 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-7" d="M423.932493,225.5 L414.388163,220.131314 L415.368686,218.388163 L429.789729,226.5 L415.368686,234.611837 L414.388163,232.868686 L423.932493,227.5 L266.5,227.5 L266.5,225.5 L423.932493,225.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="nextElementSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="276" y="212" fill="#8A704D">next</tspan>
<tspan x="304.8" y="212" fill="#EE6B47">Element</tspan>
<tspan x="355.2" y="212" fill="#8A704D">Sibling</tspan>
</text>
<path id="Line-8" d="M15.0675066,227.5 L24.6118368,232.868686 L23.6313143,234.611837 L9.21027114,226.5 L23.6313143,218.388163 L24.6118368,220.131314 L15.0675066,225.5 L169,225.5 L169,227.5 L15.0675066,227.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="previousElementSibli" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="6" y="212" fill="#8A704D">previous</tspan>
<tspan x="63.6" y="212" fill="#EE6B47">Element</tspan>
<tspan x="114" y="212" fill="#8A704D">Sibling</tspan>
</text>
<path id="Line" d="M119.63364,284.731951 L130.574131,284.260077 L130.660313,286.258219 L114.129734,286.971199 L122.10455,272.473934 L123.856915,273.437894 L118.578914,283.032671 L174.822277,248.122997 L175.877003,249.822277 L119.63364,284.731951 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M322.986552,283.478964 L317.962163,273.748982 L319.739221,272.831341 L327.330841,287.532895 L310.824666,286.38635 L310.963255,284.391158 L321.887595,285.14998 L268.115014,249.78603 L269.21397,248.115014 L322.986552,283.478964 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="children" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#EE6B47">
<tspan x="188" y="273">children</tspan>
</text>
<text id="firstElementChild--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="43" y="307" fill="#8A704D">first</tspan>
<tspan x="79" y="307" fill="#EE6B47">Element</tspan>
<tspan x="129.4" y="307" fill="#8A704D">Child </tspan>
</text>
<text id="lastElementChild" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="273" y="307" fill="#8A704D">last</tspan>
<tspan x="301.8" y="307" fill="#EE6B47">Element</tspan>
<tspan x="352.2" y="307" fill="#8A704D">Child</tspan>
</text>
<path id="Line-Copy-2" d="M220.5,131.067507 L215.131314,140.611837 L213.388163,139.631314 L221.5,125.210271 L229.611837,139.631314 L227.868686,140.611837 L222.5,131.067507 L222.5,131.5 L220.5,131.5 L220.5,131.067507 Z M222.5,155.5 L220.5,155.5 L220.5,151.5 L222.5,151.5 L222.5,155.5 Z M222.5,149.5 L220.5,149.5 L220.5,145.5 L222.5,145.5 L222.5,149.5 Z M222.5,143.5 L220.5,143.5 L220.5,139.5 L222.5,139.5 L222.5,143.5 Z M222.5,137.5 L220.5,137.5 L220.5,133.5 L222.5,133.5 L222.5,137.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2-Copy" d="M220.5,50.5675066 L215.131314,60.1118368 L213.388163,59.1313143 L221.5,44.7102711 L229.611837,59.1313143 L227.868686,60.1118368 L222.5,50.5675066 L222.5,72.0953973 L220.5,72.0953973 L220.5,50.5675066 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="440" height="316" viewBox="0 0 440 316"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="dom-links-elements.svg"><path id="Rectangle-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M129 10h198v28H129z"/><text id="document.documentEle" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="142.6" y="29">document.documentElement </tspan></text><text id="Type-something" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="336.9" y="29">&lt;HTML&gt;</tspan></text><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M163 78h117v28H163z"/><text id="document.body--" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="174.2" y="95">document.body </tspan></text><text id="(if-inside-body)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="300.9" y="95">(if inside body)</tspan></text><path id="Line-5" stroke="#8A704D" stroke-linecap="square" stroke-width="2" d="M14.5 115H427"/><text id="parentElement" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="175" y="172" fill="#8A704D">parent</tspan> <tspan x="218.2" y="172" fill="#EE6B47">Element</tspan></text><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M180 213h80v28h-80z"/><text id="&lt;DIV&gt;" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal"><tspan x="204.192" y="232">&lt;DIV&gt;</tspan></text><path id="Line-6" fill="#EE6B47" fill-rule="nonzero" d="M219.5 184.568l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543V208.5h-2v-23.932z"/><path id="Line-7" fill="#EE6B47" fill-rule="nonzero" d="M423.932 225.5l-9.544-5.369.98-1.743 14.422 8.112-14.421 8.112-.98-1.743 9.543-5.369H266.5v-2h157.432z"/><text id="nextElementSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="276" y="212" fill="#8A704D">next</tspan> <tspan x="304.8" y="212" fill="#EE6B47">Element</tspan> <tspan x="355.2" y="212" fill="#8A704D">Sibling</tspan></text><path id="Line-8" fill="#EE6B47" fill-rule="nonzero" d="M15.068 227.5l9.544 5.369-.98 1.743L9.21 226.5l14.421-8.112.98 1.743-9.543 5.369H169v2H15.068z"/><text id="previousElementSibli" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="6" y="212" fill="#8A704D">previous</tspan> <tspan x="63.6" y="212" fill="#EE6B47">Element</tspan> <tspan x="114" y="212" fill="#8A704D">Sibling</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M119.634 284.732l10.94-.472.086 1.998-16.53.713 7.975-14.497 1.752.964-5.278 9.595 56.243-34.91 1.055 1.7-56.243 34.909z"/><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M322.987 283.479l-5.025-9.73 1.777-.918 7.592 14.702-16.506-1.147.138-1.995 10.925.759-53.773-35.364 1.099-1.671 53.773 35.364z"/><text id="children" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="188" y="273">children</tspan></text><text id="firstElementChild--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="43" y="307" fill="#8A704D">first</tspan> <tspan x="79" y="307" fill="#EE6B47">Element</tspan> <tspan x="129.4" y="307" fill="#8A704D">Child </tspan></text><text id="lastElementChild" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="273" y="307" fill="#8A704D">last</tspan> <tspan x="301.8" y="307" fill="#EE6B47">Element</tspan> <tspan x="352.2" y="307" fill="#8A704D">Child</tspan></text><path id="Line-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M220.5 131.068l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543v.432h-2v-.432zm2 24.432h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4z"/><path id="Line-2-Copy" fill="#EE6B47" fill-rule="nonzero" d="M220.5 50.568l-5.369 9.544-1.743-.98L221.5 44.71l8.112 14.421-1.743.98-5.369-9.543v21.527h-2V50.568z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Before After
Before After

View file

@ -1,59 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="420px" height="388px" viewBox="0 0 420 388" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>dom-links.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dom-links.svg">
<rect id="Rectangle-9" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="150" y="20" width="117" height="28"></rect>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="151" y="154" width="117" height="28"></rect>
<rect id="Rectangle-8" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="117" y="87" width="198" height="28"></rect>
<text id="document" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="179.7" y="38">document</tspan>
</text>
<text id="document.documentEle" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="129.6" y="105">document.documentElement </tspan>
</text>
<text id="Type-something" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="324.9" y="105">&lt;HTML&gt;</tspan>
</text>
<text id="document.body--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="164.2" y="173">document.body </tspan>
</text>
<text id="(if-inside-body)" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="283.9" y="173">(if inside body)</tspan>
</text>
<path id="Line" d="M208.5,125.567507 L203.131314,135.111837 L201.388163,134.131314 L209.5,119.710271 L217.611837,134.131314 L215.868686,135.111837 L210.5,125.567507 L210.5,149.352424 L208.5,149.352424 L208.5,125.567507 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2" d="M208.5,58.5675066 L203.131314,68.1118368 L201.388163,67.1313143 L209.5,52.7102711 L217.611837,67.1313143 L215.868686,68.1118368 L210.5,58.5675066 L210.5,80.0953973 L208.5,80.0953973 L208.5,58.5675066 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path d="M2.5,191 L415,191" id="Line" stroke="#8A704D" stroke-width="2" stroke-linecap="square"></path>
<text id="parentNode" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="172" y="248">parentNode</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="169" y="289" width="80" height="28"></rect>
<text id="&lt;DIV&gt;" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="192.191508" y="308">&lt;DIV&gt;</tspan>
</text>
<path id="Line" d="M207.5,260.067507 L202.131314,269.611837 L200.388163,268.631314 L208.5,254.210271 L216.611837,268.631314 L214.868686,269.611837 L209.5,260.067507 L209.5,284.5 L207.5,284.5 L207.5,260.067507 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M207.5,206.067507 L202.131314,215.611837 L200.388163,214.631314 L208.5,200.210271 L216.611837,214.631314 L214.868686,215.611837 L209.5,206.067507 L209.5,206.5 L207.5,206.5 L207.5,206.067507 Z M209.5,230.5 L207.5,230.5 L207.5,226.5 L209.5,226.5 L209.5,230.5 Z M209.5,224.5 L207.5,224.5 L207.5,220.5 L209.5,220.5 L209.5,224.5 Z M209.5,218.5 L207.5,218.5 L207.5,214.5 L209.5,214.5 L209.5,218.5 Z M209.5,212.5 L207.5,212.5 L207.5,208.5 L209.5,208.5 L209.5,212.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line" d="M364.932493,301.5 L355.388163,296.131314 L356.368686,294.388163 L370.789729,302.5 L356.368686,310.611837 L355.388163,308.868686 L364.932493,303.5 L254.5,303.5 L254.5,301.5 L364.932493,301.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="nextSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="264" y="288">nextSibling</tspan>
</text>
<path id="Line" d="M53.0675066,303.5 L62.6118368,308.868686 L61.6313143,310.611837 L47.2102711,302.5 L61.6313143,294.388163 L62.6118368,296.131314 L53.0675066,301.5 L165.5,301.5 L165.5,303.5 L53.0675066,303.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="previousSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="50" y="288">previousSibling</tspan>
</text>
<path id="Line" d="M107.63364,360.731951 L118.574131,360.260077 L118.660313,362.258219 L102.129734,362.971199 L110.10455,348.473934 L111.856915,349.437894 L106.578914,359.032671 L162.822277,324.122997 L163.877003,325.822277 L107.63364,360.731951 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M310.986552,359.478964 L305.962163,349.748982 L307.739221,348.831341 L315.330841,363.532895 L298.824666,362.38635 L298.963255,360.391158 L309.887595,361.14998 L256.115014,325.78603 L257.21397,324.115014 L310.986552,359.478964 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="childNodes" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="170" y="343">childNodes</tspan>
</text>
<text id="firstChild--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="64" y="379">firstChild </tspan>
</text>
<text id="Type-something" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="279" y="379">lastChild</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="420" height="388" viewBox="0 0 420 388"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="dom-links.svg"><path id="Rectangle-9" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M150 20h117v28H150z"/><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M151 154h117v28H151z"/><path id="Rectangle-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M117 87h198v28H117z"/><text id="document" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="179.7" y="38">document</tspan></text><text id="document.documentEle" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="129.6" y="105">document.documentElement </tspan></text><text id="Type-something" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="324.9" y="105">&lt;HTML&gt;</tspan></text><text id="document.body--" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="164.2" y="173">document.body </tspan></text><text id="(if-inside-body)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="283.9" y="173">(if inside body)</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M208.5 125.568l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543v23.784h-2v-23.784z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M208.5 58.568l-5.369 9.544-1.743-.98L209.5 52.71l8.112 14.421-1.743.98-5.369-9.543v21.527h-2V58.568z"/><path id="Line" stroke="#8A704D" stroke-linecap="square" stroke-width="2" d="M2.5 191H415"/><text id="parentNode" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="172" y="248">parentNode</tspan></text><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M169 289h80v28h-80z"/><text id="&lt;DIV&gt;" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal"><tspan x="192.192" y="308">&lt;DIV&gt;</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M207.5 260.068l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543V284.5h-2v-24.432z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M207.5 206.068l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543v.432h-2v-.432zm2 24.432h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4z"/><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M364.932 301.5l-9.544-5.369.98-1.743 14.422 8.112-14.421 8.112-.98-1.743 9.543-5.369H254.5v-2h110.432z"/><text id="nextSibling" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="264" y="288">nextSibling</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M53.068 303.5l9.544 5.369-.98 1.743L47.21 302.5l14.421-8.112.98 1.743-9.543 5.369H165.5v2H53.068z"/><text id="previousSibling" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="50" y="288">previousSibling</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M107.634 360.732l10.94-.472.086 1.998-16.53.713 7.975-14.497 1.752.964-5.278 9.595 56.243-34.91 1.055 1.7-56.243 34.909z"/><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M310.987 359.479l-5.025-9.73 1.777-.918 7.592 14.702-16.506-1.147.138-1.995 10.925.759-53.773-35.364 1.099-1.671 53.773 35.364z"/><text id="childNodes" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="170" y="343">childNodes</tspan></text><text id="firstChild--" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="64" y="379">firstChild </tspan></text><text id="Type-something" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="279" y="379">lastChild</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 140 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Before After
Before After

View file

@ -1,28 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="508px" height="203px" viewBox="0 0 508 203" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>document-client-width-height.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="document-client-width-height.svg">
<g id="noun_69008_cc" transform="translate(275.000000, 8.000000)" fill="#E8C48E">
<path d="M179.1875,145 L3.8125,145 C1.708,145 0,143.36875 0,141.375 L0,3.625 C0,1.63125 1.708,0 3.8125,0 L179.1875,0 C181.284375,0 183,1.63125 183,3.625 L183,141.375 C183,143.36875 181.284375,145 179.1875,145 L179.1875,145 Z M7.625,137.75 L175.375,137.75 L175.375,7.25 L7.625,7.25 L7.625,137.75 L7.625,137.75 Z" id="Shape"></path>
<path d="M175.375,36.25 L7.625,36.25 C5.5205,36.25 3.8125,34.61875 3.8125,32.625 C3.8125,30.63125 5.5205,29 7.625,29 L175.375,29 C177.471875,29 179.1875,30.63125 179.1875,32.625 C179.1875,34.61875 177.471875,36.25 175.375,36.25 L175.375,36.25 Z" id="Shape"></path>
<path d="M61.32025,126.57775 C60.0545,126.57775 58.811625,125.98325 58.08725,124.89575 L34.892,89.84925 C34.060875,88.57325 34.121875,86.97825 35.052125,85.7675 L58.247375,55.86125 C59.497875,54.23 61.876875,53.8965 63.57725,55.1145 C65.27,56.3035 65.636,58.57275 64.377875,60.18225 L42.7305,88.102 L64.538,121.05325 C65.658875,122.7425 65.125125,124.99 63.340875,126.04125 C62.72325,126.411 62.014125,126.57775 61.32025,126.57775 L61.32025,126.57775 Z" id="Shape"></path>
<path d="M122,126.57775 C121.306125,126.57775 120.597,126.411 119.97175,126.0195 C118.1875,124.961 117.646125,122.72075 118.774625,121.0315 L140.582125,88.08025 L118.927125,60.15325 C117.676625,58.5365 118.035,56.2745 119.72775,55.0855 C121.4205,53.88925 123.807125,54.23725 125.057625,55.84675 L148.24525,85.753 C149.183125,86.9565 149.244125,88.57325 148.405375,89.83475 L125.210125,124.88125 C124.501,125.98325 123.26575,126.57775 122,126.57775 L122,126.57775 Z" id="Shape"></path>
<path d="M76.25,119.93675 C75.617125,119.93675 74.98425,119.7845 74.3895,119.48 C72.551875,118.50125 71.896125,116.29725 72.9255,114.521 L103.10525,63.162 C104.134625,61.4075 106.445,60.77675 108.3055,61.79175 C110.1355,62.7705 110.79125,64.96725 109.761875,66.729 L79.582125,118.088 C78.880625,119.26975 77.584375,119.93675 76.25,119.93675 L76.25,119.93675 Z" id="Shape"></path>
<path d="M22.875,18.125 C22.875,20.1278125 21.1689062,21.75 19.0625,21.75 C16.9560938,21.75 15.25,20.1278125 15.25,18.125 C15.25,16.1221875 16.9560938,14.5 19.0625,14.5 C21.1689062,14.5 22.875,16.1221875 22.875,18.125 L22.875,18.125 Z" id="Shape"></path>
<path d="M38.125,18.125 C38.125,20.1278125 36.4189062,21.75 34.3125,21.75 C32.2060938,21.75 30.5,20.1278125 30.5,18.125 C30.5,16.1221875 32.2060938,14.5 34.3125,14.5 C36.4189062,14.5 38.125,16.1221875 38.125,18.125 L38.125,18.125 Z" id="Shape"></path>
<path d="M53.375,18.125 C53.375,20.1278125 51.6689062,21.75 49.5625,21.75 C47.4560938,21.75 45.75,20.1278125 45.75,18.125 C45.75,16.1221875 47.4560938,14.5 49.5625,14.5 C51.6689062,14.5 53.375,16.1221875 53.375,18.125 L53.375,18.125 Z" id="Shape"></path>
</g>
<text id="documentElement.clie" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="12" y="101">documentElement.clientHeight</tspan>
</text>
<text id="documentElement.clie" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="257" y="195">documentElement.clientWidth</tspan>
</text>
<path id="Line-3-Copy" d="M431.024582,169.653273 L299.024582,169.653273 L299.024582,177.653273 L280.024582,168.153273 L299.024582,158.653273 L299.024582,166.653273 L431.024582,166.653273 L431.024582,158.653273 L450.024582,168.153273 L431.024582,177.653273 L431.024582,169.653273 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line" d="M255,128 L255,64 L247,64 L256.5,45 L266,64 L258,64 L258,128 L266,128 L256.5,147 L247,128 L255,128 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="508" height="203" viewBox="0 0 508 203"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="document-client-width-height.svg"><g id="noun_69008_cc" fill="#E8C48E" transform="translate(275 8)"><path id="Shape" d="M179.188 145H3.813C1.708 145 0 143.369 0 141.375V3.625C0 1.631 1.708 0 3.813 0h175.375C181.284 0 183 1.631 183 3.625v137.75c0 1.994-1.716 3.625-3.813 3.625zM7.625 137.75h167.75V7.25H7.625v130.5z"/><path id="Shape" d="M175.375 36.25H7.625c-2.104 0-3.813-1.631-3.813-3.625S5.521 29 7.626 29h167.75c2.097 0 3.813 1.631 3.813 3.625s-1.716 3.625-3.813 3.625zM61.32 126.578c-1.266 0-2.508-.595-3.233-1.682L34.892 89.849a3.486 3.486 0 01.16-4.082l23.195-29.906c1.25-1.631 3.63-1.964 5.33-.746 1.693 1.188 2.059 3.458.8 5.067l-21.646 27.92 21.807 32.951c1.12 1.69.587 3.937-1.197 4.988a3.936 3.936 0 01-2.02.537zM122 126.578a3.802 3.802 0 01-2.028-.559c-1.784-1.058-2.326-3.298-1.197-4.988l21.807-32.95-21.655-27.928c-1.25-1.617-.892-3.878.8-5.067 1.694-1.197 4.08-.849 5.33.76l23.188 29.907a3.462 3.462 0 01.16 4.082L125.21 124.88c-.709 1.102-1.944 1.697-3.21 1.697zM76.25 119.937a4.07 4.07 0 01-1.86-.457c-1.838-.979-2.494-3.183-1.465-4.959l30.18-51.359c1.03-1.755 3.34-2.385 5.2-1.37 1.83.978 2.486 3.175 1.457 4.937l-30.18 51.359c-.701 1.182-1.998 1.849-3.332 1.849zM22.875 18.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625zM38.125 18.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625zM53.375 18.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625z"/></g><text id="documentElement.clie" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="12" y="101">documentElement.clientHeight</tspan></text><text id="documentElement.clie" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="257" y="195">documentElement.clientWidth</tspan></text><path id="Line-3-Copy" fill="#EE6B47" fill-rule="nonzero" d="M431.025 169.653h-132v8l-19-9.5 19-9.5v8h132v-8l19 9.5-19 9.5v-8z"/><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M255 128V64h-8l9.5-19 9.5 19h-8v64h8l-9.5 19-9.5-19h8z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Before After
Before After

View file

@ -1,64 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="521px" height="355px" viewBox="0 0 521 355" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>coordinates-negative.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<filter x="-9.0%" y="-54.5%" width="118.0%" height="209.1%" filterUnits="objectBoundingBox" id="filter-1">
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="coordinates-negative.svg">
<g id="noun_69008_cc" transform="translate(13.000000, 11.000000)" fill="#E8C48E">
<path d="M455.3125,330 L9.6875,330 C4.34,330 0,326.2875 0,321.75 L0,8.25 C0,3.7125 4.34,0 9.6875,0 L455.3125,0 C460.640625,0 465,3.7125 465,8.25 L465,321.75 C465,326.2875 460.640625,330 455.3125,330 L455.3125,330 Z M9.43204868,318.938547 L453.681542,318.938547 L453.681542,11.0614525 L9.43204868,11.0614525 L9.43204868,318.938547 L9.43204868,318.938547 Z" id="Shape"></path>
<path d="M19.673913,46 C14.333913,46 10,44.875 10,43.5 C10,42.125 14.333913,41 19.673913,41 L445.326087,41 C450.646739,41 455,42.125 455,43.5 C455,44.875 450.646739,46 445.326087,46 L19.673913,46 Z" id="Shape"></path>
<path d="M31,27.5 C31,30.53875 28.53875,33 25.5,33 C22.46125,33 20,30.53875 20,27.5 C20,24.46125 22.46125,22 25.5,22 C28.53875,22 31,24.46125 31,27.5 L31,27.5 Z" id="Shape"></path>
<path d="M59,27.5 C59,30.53875 56.53875,33 53.5,33 C50.46125,33 48,30.53875 48,27.5 C48,24.46125 50.46125,22 53.5,22 C56.53875,22 59,24.46125 59,27.5 L59,27.5 Z" id="Shape"></path>
<path d="M87,27.5 C87,30.53875 84.53875,33 81.5,33 C78.46125,33 76,30.53875 76,27.5 C76,24.46125 78.46125,22 81.5,22 C84.53875,22 87,24.46125 87,27.5 L87,27.5 Z" id="Shape"></path>
</g>
<text id="bottom" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="414" y="196">bottom</tspan>
</text>
<path d="M392.5,290 L392.5,327" id="Line-30-Copy-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M394,288 L463,288" id="Line-29-Copy" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<text id="(x,y)" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="395" y="305">(x,y)</tspan>
</text>
<text id="(x,y)-copy" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="395" y="305">(x,y)</tspan>
</text>
<text id="left" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="50" y="129">left</tspan>
</text>
<path id="Line-Copy" d="M407,269.5 L407,56.5 L410,56.5 L410,269.5 L418,269.5 L408.5,288.5 L399,269.5 L407,269.5 Z" fill="#999999" fill-rule="nonzero"></path>
<text id="right" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="188" y="323">right</tspan>
</text>
<path id="Line-3-Copy-2" d="M371.497711,306.5 L21.5022888,306.5 L21.5022888,303.5 L371.497711,303.5 L371.497711,295.5 L390.497711,305 L371.497711,314.5 L371.497711,306.5 Z" fill="#999999" fill-rule="nonzero"></path>
<path d="M382.356731,123 L129.014864,123 L129.014864,278 L382.356731,278 L382.356731,123 Z M118,113 L393,113 L393,288 L118,288 L118,113 Z" id="Rectangle-1" fill-opacity="0.88" fill="#E8C48F"></path>
<text id="Introduction-This-Ec" opacity="0.7" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" fill="#5A4739">
<tspan x="139" y="148">Introduction</tspan>
<tspan x="239.726562" y="148" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"></tspan>
<tspan x="139" y="176" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan>
<tspan x="139" y="195" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan>
<tspan x="139" y="214" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan>
<tspan x="139" y="233" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan>
<tspan x="139" y="252" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan>
<tspan x="139" y="271" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan>
</text>
<text id="top" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="125" y="90">top</tspan>
</text>
<path id="Line-3" d="M100.490073,115.402612 L22.4898373,114.992085 L22.5056266,111.992126 L100.505862,112.402654 L100.547967,104.402765 L119.497704,114.002632 L100.447968,123.402501 L100.490073,115.402612 Z" fill="#999999" fill-rule="nonzero"></path>
<path id="Line-2" d="M134.920356,122.148497 L392.067997,285.387525 L390.460179,287.920294 L133.312537,124.681266 L129.025021,131.435317 L118.075575,113.23203 L139.207872,115.394446 L134.920356,122.148497 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3-Copy" d="M116.000749,94.5001249 L115.997586,56.5001248 L118.997586,56.4998752 L119.000749,94.4998752 L127.000749,94.4992094 L117.50233,113.5 L108.000749,94.5007907 L116.000749,94.5001249 Z" fill="#999999" fill-rule="nonzero"></path>
<g id="Group" transform="translate(270.970081, 195.848048) rotate(32.500000) translate(-270.970081, -195.848048) translate(204.470081, 184.848048)">
<rect id="Rectangle" fill="#FFFFFF" filter="url(#filter-1)" x="0" y="0" width="133" height="22"></rect>
<text id="(width,height)" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="8.68187117" y="15.3779674">(width,height)</tspan>
</text>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="521" height="355" viewBox="0 0 521 355"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-1" width="118%" height="209.1%" x="-9%" y="-54.5%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="4"/></filter></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="coordinates-negative.svg"><g id="noun_69008_cc" fill="#E8C48E" transform="translate(13 11)"><path id="Shape" d="M455.313 330H9.688C4.34 330 0 326.288 0 321.75V8.25C0 3.713 4.34 0 9.688 0h445.625C460.64 0 465 3.712 465 8.25v313.5c0 4.538-4.36 8.25-9.688 8.25zM9.432 318.939h444.25V11.06H9.432V318.94z"/><path id="Shape" d="M19.674 46C14.334 46 10 44.875 10 43.5s4.334-2.5 9.674-2.5h425.652c5.32 0 9.674 1.125 9.674 2.5s-4.353 2.5-9.674 2.5H19.674zM31 27.5c0 3.039-2.461 5.5-5.5 5.5a5.498 5.498 0 01-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5zM59 27.5c0 3.039-2.461 5.5-5.5 5.5a5.498 5.498 0 01-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5zM87 27.5c0 3.039-2.461 5.5-5.5 5.5a5.498 5.498 0 01-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5z"/></g><text id="bottom" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="414" y="196">bottom</tspan></text><path id="Line-30-Copy-2" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M392.5 290v37"/><path id="Line-29-Copy" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M394 288h69"/><text id="(x,y)" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="395" y="305">(x,y)</tspan></text><text id="(x,y)-copy" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="395" y="305">(x,y)</tspan></text><text id="left" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="50" y="129">left</tspan></text><path id="Line-Copy" fill="#999" fill-rule="nonzero" d="M407 269.5v-213h3v213h8l-9.5 19-9.5-19h8z"/><text id="right" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="188" y="323">right</tspan></text><path id="Line-3-Copy-2" fill="#999" fill-rule="nonzero" d="M371.498 306.5H21.502v-3h349.996v-8l19 9.5-19 9.5v-8z"/><path id="Rectangle-1" fill="#E8C48F" fill-opacity=".88" d="M382.357 123H129.015v155h253.342V123zM118 113h275v175H118V113z"/><text id="Introduction-This-Ec" fill="#5A4739" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" opacity=".7"><tspan x="139" y="148">Introduction</tspan> <tspan x="139" y="176" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan> <tspan x="139" y="195" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan> <tspan x="139" y="214" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan> <tspan x="139" y="233" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan> <tspan x="139" y="252" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan> <tspan x="139" y="271" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan></text><text id="top" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="125" y="90">top</tspan></text><path id="Line-3" fill="#999" fill-rule="nonzero" d="M100.49 115.403l-78-.41.016-3 78 .41.042-8 18.95 9.6-19.05 9.4.042-8z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M134.92 122.148l257.148 163.24-1.608 2.532-257.147-163.239-4.288 6.754-10.95-18.203 21.133 2.162-4.288 6.754z"/><path id="Line-3-Copy" fill="#999" fill-rule="nonzero" d="M116 94.5l-.002-38h3l.003 38h8l-9.499 19-9.501-19h8z"/><g id="Group" transform="rotate(32.5 -148.357 454.177)"><path id="Rectangle" fill="#FFF" d="M0 0h133v22H0z" filter="url(#filter-1)"/><text id="(width,height)" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="8.682" y="15.378">(width,height)</tspan></text></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Before After
Before After

View file

@ -1,62 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="521px" height="411px" viewBox="0 0 521 411" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>coordinates.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="coordinates.svg">
<g id="noun_69008_cc" transform="translate(13.000000, 11.000000)" fill="#E8C48E">
<path d="M490.5625,386 L10.4375,386 C4.676,386 0,381.6575 0,376.35 L0,9.65 C0,4.3425 4.676,0 10.4375,0 L490.5625,0 C496.303125,0 501,4.3425 501,9.65 L501,376.35 C501,381.6575 496.303125,386 490.5625,386 L490.5625,386 Z M10.1622718,373.061453 L488.805274,373.061453 L488.805274,12.9385475 L10.1622718,12.9385475 L10.1622718,373.061453 L10.1622718,373.061453 Z" id="Shape"></path>
<path d="M20.8588913,54.1005587 C15.1062833,54.1005587 10.4375,52.952933 10.4375,51.5502793 C10.4375,50.1476257 15.1062833,49 20.8588913,49 L479.40011,49 C485.131875,49 489.821501,50.1476257 489.821501,51.5502793 C489.821501,52.952933 485.131875,54.1005587 479.40011,54.1005587 L20.8588913,54.1005587 Z" id="Shape"></path>
<path d="M33.8,31.6271484 C33.8,34.9571479 31.1038125,37.6542969 27.775,37.6542969 C24.4461875,37.6542969 21.75,34.9571479 21.75,31.6271484 C21.75,28.2971489 24.4461875,25.6 27.775,25.6 C31.1038125,25.6 33.8,28.2971489 33.8,31.6271484 L33.8,31.6271484 Z" id="Shape"></path>
<path d="M63.9882812,31.6271484 C63.9882812,34.9571479 61.2920937,37.6542969 57.9632812,37.6542969 C54.6344687,37.6542969 51.9382812,34.9571479 51.9382812,31.6271484 C51.9382812,28.2971489 54.6344687,25.6 57.9632812,25.6 C61.2920937,25.6 63.9882812,28.2971489 63.9882812,31.6271484 L63.9882812,31.6271484 Z" id="Shape"></path>
<path d="M94.1765625,31.6271484 C94.1765625,34.9571479 91.480375,37.6542969 88.1515625,37.6542969 C84.82275,37.6542969 82.1265625,34.9571479 82.1265625,31.6271484 C82.1265625,28.2971489 84.82275,25.6 88.1515625,25.6 C91.480375,25.6 94.1765625,28.2971489 94.1765625,31.6271484 L94.1765625,31.6271484 Z" id="Shape"></path>
</g>
<text id="height" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="417" y="208">height</tspan>
</text>
<text id="bottom" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="451" y="311">bottom</tspan>
</text>
<path d="M395,293 L498,293" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M392,296 L392,370.5" id="Line-30" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M119,296 L119,342" id="Line-30-Copy" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M396,120 L426,120" id="Line-29" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<text id="x" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="62" y="113">x</tspan>
</text>
<text id="left" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="50" y="135">left</tspan>
</text>
<text id="y" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="125" y="79">y</tspan>
</text>
<text id="width" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="234" y="339">width</tspan>
</text>
<path id="Line" d="M411,273 L411,118.5 L414,118.5 L414,273 L422,273 L412.5,292 L403,273 L411,273 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M473,273 L473,65 L476,65 L476,273 L484,273 L474.5,292 L465,273 L473,273 Z" fill="#999999" fill-rule="nonzero"></path>
<path id="Line-2" d="M371,320 L116,320 L116,317 L371,317 L371,309 L390,318.5 L371,328 L371,320 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M99.9923616,120.902612 L21.9921261,120.492085 L22.0079154,117.492126 L100.008151,117.902654 L100.050256,109.902765 L118.999993,119.502632 L99.9502569,128.902501 L99.9923616,120.902612 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="right" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="180" y="375">right</tspan>
</text>
<path id="Line-3-Copy-2" d="M371,361 L21.0045776,361 L21.0045776,358 L371,358 L371,350 L390,359.5 L371,369 L371,361 Z" fill="#999999" fill-rule="nonzero"></path>
<path id="Line-3-Copy" d="M116.002972,100.75013 L115.99987,65.0001302 L118.99987,64.9998698 L119.002972,100.74987 L127.002972,100.749176 L117.504621,119.75 L108.002972,100.750824 L116.002972,100.75013 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path d="M382,129 L129,129 L129,284 L382,284 L382,129 Z M118,119 L392.628906,119 L392.628906,294 L118,294 L118,119 Z" id="Rectangle-1" fill-opacity="0.88" fill="#E8C48F"></path>
<text id="Introduction-This-Ec" opacity="0.8" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" fill="#5A4739">
<tspan x="138.946273" y="153.8">Introduction</tspan>
<tspan x="239.672835" y="153.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"></tspan>
<tspan x="138.946273" y="181.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan>
<tspan x="138.946273" y="200.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan>
<tspan x="138.946273" y="219.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan>
<tspan x="138.946273" y="238.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan>
<tspan x="138.946273" y="257.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan>
<tspan x="138.946273" y="276.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan>
</text>
<text id="top" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="125" y="96">top</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="521" height="411" viewBox="0 0 521 411"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="coordinates.svg"><g id="noun_69008_cc" fill="#E8C48E" transform="translate(13 11)"><path id="Shape" d="M490.563 386H10.438C4.676 386 0 381.658 0 376.35V9.65C0 4.342 4.676 0 10.438 0h480.125C496.303 0 501 4.343 501 9.65v366.7c0 5.308-4.697 9.65-10.438 9.65zm-480.4-12.939h478.642V12.94H10.162V373.06z"/><path id="Shape" d="M20.859 54.1c-5.753 0-10.422-1.147-10.422-2.55 0-1.402 4.67-2.55 10.422-2.55H479.4c5.732 0 10.422 1.148 10.422 2.55 0 1.403-4.69 2.55-10.422 2.55H20.86zM33.8 31.627a6.024 6.024 0 11-12.05 0 6.024 6.024 0 1112.05 0zM63.988 31.627a6.024 6.024 0 11-12.05 0 6.024 6.024 0 1112.05 0zM94.177 31.627a6.024 6.024 0 11-12.05 0 6.024 6.024 0 1112.05 0z"/></g><text id="height" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="417" y="208">height</tspan></text><text id="bottom" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="451" y="311">bottom</tspan></text><path id="Line-28" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M395 293h103"/><path id="Line-30" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M392 296v74.5"/><path id="Line-30-Copy" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M119 296v46"/><path id="Line-29" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M396 120h30"/><text id="x" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="62" y="113">x</tspan></text><text id="left" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="50" y="135">left</tspan></text><text id="y" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="125" y="79">y</tspan></text><text id="width" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="234" y="339">width</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M411 273V118.5h3V273h8l-9.5 19-9.5-19h8z"/><path id="Line-Copy" fill="#999" fill-rule="nonzero" d="M473 273V65h3v208h8l-9.5 19-9.5-19h8z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M371 320H116v-3h255v-8l19 9.5-19 9.5v-8z"/><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M99.992 120.903l-78-.41.016-3 78 .41.042-8 18.95 9.6-19.05 9.4.042-8z"/><text id="right" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="180" y="375">right</tspan></text><path id="Line-3-Copy-2" fill="#999" fill-rule="nonzero" d="M371 361H21.005v-3H371v-8l19 9.5-19 9.5v-8z"/><path id="Line-3-Copy" fill="#EE6B47" fill-rule="nonzero" d="M116.003 100.75L116 65h3l.003 35.75h8l-9.498 19-9.502-19h8z"/><path id="Rectangle-1" fill="#E8C48F" fill-opacity=".88" d="M382 129H129v155h253V129zm-264-10h274.629v175H118V119z"/><text id="Introduction-This-Ec" fill="#5A4739" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" opacity=".8"><tspan x="138.946" y="153.8">Introduction</tspan> <tspan x="138.946" y="181.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan> <tspan x="138.946" y="200.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan> <tspan x="138.946" y="219.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan> <tspan x="138.946" y="238.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan> <tspan x="138.946" y="257.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan> <tspan x="138.946" y="276.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan></text><text id="top" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="125" y="96">top</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

View file

@ -1,31 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="488px" height="246px" viewBox="0 0 488 246" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>carousel1.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="carousel1.svg">
<rect id="Rectangle-18" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" x="41.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-19" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" x="109.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-20" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" x="177.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-21" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="245.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-22" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="313.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-23" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="381.5" y="98.5" width="63" height="63" rx="10"></rect>
<text id="…-2" font-family="Consolas" font-size="24" font-weight="normal" fill="#8A704D">
<tspan x="406" y="131"></tspan>
</text>
<rect id="Rectangle-24" stroke="#EE6B47" stroke-width="2" x="38" y="95" width="412" height="70"></rect>
<path d="M244,59 L36,59 L36,196 L244,196 L244,59 Z M19,42 L261,42 L261,213 L19,213 L19,42 Z" id="Rectangle-1" fill-opacity="0.88" fill="#E8C48F"></path>
<text id="div-(container)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="82.5" y="32">div (container)</tspan>
</text>
<text id="130x130" font-family="Consolas" font-size="13" font-weight="normal" fill="#8A704D">
<tspan x="48" y="133">130x130</tspan>
</text>
<text id="ul-(width:-9999px)" font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="71.5" y="82">ul (width: 9999px)</tspan>
</text>
<rect id="Rectangle-36" fill="#FFFFFF" x="447" y="90" width="16" height="84"></rect>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="488" height="246" viewBox="0 0 488 246"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="carousel1.svg"><rect id="Rectangle-18" width="63" height="63" x="41.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" rx="10"/><rect id="Rectangle-19" width="63" height="63" x="109.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" rx="10"/><rect id="Rectangle-20" width="63" height="63" x="177.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" rx="10"/><rect id="Rectangle-21" width="63" height="63" x="245.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><rect id="Rectangle-22" width="63" height="63" x="313.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><rect id="Rectangle-23" width="63" height="63" x="381.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><text id="…-2" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal"><tspan x="406" y="131"></tspan></text><path id="Rectangle-24" stroke="#EE6B47" stroke-width="2" d="M38 95h412v70H38z"/><path id="Rectangle-1" fill="#E8C48F" fill-opacity=".88" d="M244 59H36v137h208V59zM19 42h242v171H19V42z"/><text id="div-(container)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="82.5" y="32">div (container)</tspan></text><text id="130x130" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal"><tspan x="46" y="133">130x130</tspan></text><text id="ul-(width:-9999px)" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="71.5" y="82">ul (width: 9999px)</tspan></text><path id="Rectangle-36" fill="#FFF" d="M447 90h16v84h-16z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

View file

@ -1,33 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="639px" height="246px" viewBox="0 0 639 246" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>carousel2.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="carousel2.svg">
<rect id="Rectangle-18" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="41.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-19" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="109.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-20" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="177.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-21" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" x="245.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-22" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" x="313.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-23" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" x="381.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-26" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="449.5" y="98.5" width="63" height="63" rx="10"></rect>
<rect id="Rectangle-25" stroke="#8A704D" stroke-width="3" fill="#FFF9EB" opacity="0.5" x="517.5" y="98.5" width="63" height="63" rx="10"></rect>
<text id="…-3" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal" fill="#8A704D">
<tspan x="542" y="131"></tspan>
</text>
<rect id="Rectangle-24" stroke="#EE6B47" stroke-width="2" x="38" y="95" width="546" height="70"></rect>
<path d="M450,59 L242,59 L242,196 L450,196 L450,59 Z M225,42 L467,42 L467,213 L225,213 L225,42 Z" id="Rectangle-1" fill-opacity="0.88" fill="#E8C48F"></path>
<text id="div-(container)" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="288.5" y="32">div (container)</tspan>
</text>
<text id="130x130" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D">
<tspan x="252" y="133">130x130</tspan>
</text>
<text id="ul-(margin-left:--35" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="246.5" y="82">ul (margin-left: -350px)</tspan>
</text>
<rect id="Rectangle-36" fill="#FFFFFF" x="582" y="83" width="16" height="84"></rect>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="639" height="246" viewBox="0 0 639 246"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="carousel2.svg"><rect id="Rectangle-18" width="63" height="63" x="41.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><rect id="Rectangle-19" width="63" height="63" x="109.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><rect id="Rectangle-20" width="63" height="63" x="177.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><rect id="Rectangle-21" width="63" height="63" x="245.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" rx="10"/><rect id="Rectangle-22" width="63" height="63" x="313.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" rx="10"/><rect id="Rectangle-23" width="63" height="63" x="381.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" rx="10"/><rect id="Rectangle-26" width="63" height="63" x="449.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><rect id="Rectangle-25" width="63" height="63" x="517.5" y="98.5" fill="#FFF9EB" stroke="#8A704D" stroke-width="3" opacity=".5" rx="10"/><text id="…-3" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal"><tspan x="542" y="131"></tspan></text><path id="Rectangle-24" stroke="#EE6B47" stroke-width="2" d="M38 95h546v70H38z"/><path id="Rectangle-1" fill="#E8C48F" fill-opacity=".88" d="M450 59H242v137h208V59zM225 42h242v171H225V42z"/><text id="div-(container)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="288.5" y="32">div (container)</tspan></text><text id="130x130" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal"><tspan x="252" y="133">130x130</tspan></text><text id="ul-(margin-left:--35" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="246.5" y="82">ul (margin-left: -350px)</tspan></text><path id="Rectangle-36" fill="#FFF" d="M582 83h16v84h-16z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

View file

@ -1,28 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="353px" height="216px" viewBox="0 0 353 216" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>event-order-bubbling.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="event-order-bubbling.svg">
<polygon id="Rectangle-210" fill="#FFDE99" points="159.48764 140 174 186 60 186 74.51236 140"></polygon>
<path d="M173.633566,81 L59.3664344,81 L43.2766439,132 L189.723356,132 L173.633566,81 Z" id="Rectangle-209" stroke="#CFCE95" stroke-width="18"></path>
<path d="M193.013506,29 L39.9864943,29 L17.2759239,101 L215.724076,101 L193.013506,29 Z" id="Rectangle-208" stroke="#99C0C3" stroke-width="18"></path>
<path d="M121.499875,123 L112.500875,123 L112.500875,110 L121.499875,110 L121.499875,123 Z M121.499875,141 L121.499875,154.816139 C121.499875,157.302139 119.484875,159.316139 117.000875,159.316139 C114.514875,159.316139 112.500875,157.302139 112.500875,154.816139 L112.500875,141 L121.499875,141 Z M121.499875,92 L112.500875,92 L112.500875,35.6981394 L102.361875,45.8351394 C100.605875,47.5921394 97.756875,47.5921394 95.998875,45.8351394 C94.240875,44.0771394 94.240875,41.2281394 95.998875,39.4711394 L113.637875,21.8311394 C114.563875,20.9071394 115.789875,20.4821394 117.000875,20.5311394 C118.210875,20.4821394 119.437875,20.9071394 120.361875,21.8311394 L138.001875,39.4711394 C139.758875,41.2281394 139.758875,44.0771394 138.001875,45.8351394 C136.243875,47.5921394 133.394875,47.5921394 131.637875,45.8351394 L121.499875,35.6981394 L121.499875,92 Z" id="Fill-46" fill="#5A4739"></path>
<text id="1" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#5A4739">
<tspan x="210" y="105">1</tspan>
</text>
<text id="2" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#5A4739">
<tspan x="185" y="136">2</tspan>
</text>
<text id="3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="157" y="181">3</tspan>
</text>
<text id="Most-deeply-nested-e" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="233.480469" y="175">Most deeply</tspan>
<tspan x="221.305664" y="194">nested element</tspan>
</text>
<path d="M179.5,177.5 L209.5,177.5" id="Line-30" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="353" height="216" viewBox="0 0 353 216"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="event-order-bubbling.svg"><path id="Rectangle-210" fill="#FFDE99" d="M159.488 140L174 186H60l14.512-46z"/><path id="Rectangle-209" stroke="#CFCE95" stroke-width="18" d="M173.634 81H59.366l-16.09 51h146.447l-16.09-51z"/><path id="Rectangle-208" stroke="#99C0C3" stroke-width="18" d="M193.014 29H39.986l-22.71 72h198.448l-22.71-72z"/><path id="Fill-46" fill="#5A4739" d="M121.5 123h-9v-13h9v13zm0 18v13.816a4.5 4.5 0 11-9 0V141h9zm0-49h-9V35.698l-10.138 10.137a4.5 4.5 0 11-6.363-6.364l17.639-17.64a4.477 4.477 0 013.363-1.3 4.471 4.471 0 013.36 1.3l17.64 17.64a4.5 4.5 0 01-6.363 6.364L121.5 35.698V92z"/><text id="1" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="210" y="105">1</tspan></text><text id="2" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="185" y="136">2</tspan></text><text id="3" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="157" y="181">3</tspan></text><text id="Most-deeply-nested-e" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="233.48" y="175">Most deeply</tspan> <tspan x="221.306" y="194">nested element</tspan></text><path id="Line-30" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M179.5 177.5h30"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

View file

@ -1,27 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="369px" height="216px" viewBox="0 0 369 216" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>bagua-bubble.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bagua-bubble.svg">
<polygon id="Rectangle-210" fill="#FFDE99" points="202.48764 140 217 186 103 186 117.51236 140"></polygon>
<path d="M216.633566,81 L102.366434,81 L86.2766439,132 L232.723356,132 L216.633566,81 Z" id="Rectangle-209" stroke="#CFCE95" stroke-width="18"></path>
<path d="M236.013506,29 L82.9864943,29 L60.2759239,101 L258.724076,101 L236.013506,29 Z" id="Rectangle-208" stroke="#99C0C3" stroke-width="18"></path>
<path d="M164.499875,123 L155.500875,123 L155.500875,110 L164.499875,110 L164.499875,123 Z M164.499875,141 L164.499875,154.816139 C164.499875,157.302139 162.484875,159.316139 160.000875,159.316139 C157.514875,159.316139 155.500875,157.302139 155.500875,154.816139 L155.500875,141 L164.499875,141 Z M164.499875,92 L155.500875,92 L155.500875,35.6981394 L145.361875,45.8351394 C143.605875,47.5921394 140.756875,47.5921394 138.998875,45.8351394 C137.240875,44.0771394 137.240875,41.2281394 138.998875,39.4711394 L156.637875,21.8311394 C157.563875,20.9071394 158.789875,20.4821394 160.000875,20.5311394 C161.210875,20.4821394 162.437875,20.9071394 163.361875,21.8311394 L181.001875,39.4711394 C182.758875,41.2281394 182.758875,44.0771394 181.001875,45.8351394 C179.243875,47.5921394 176.394875,47.5921394 174.637875,45.8351394 L164.499875,35.6981394 L164.499875,92 Z" id="Fill-46" fill="#5A4739"></path>
<text id="&lt;table&gt;" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#99C0C3">
<tspan x="9" y="30">&lt;table&gt;</tspan>
</text>
<text id="&lt;td&gt;" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#CFCE95">
<tspan x="36" y="136">&lt;td&gt;</tspan>
</text>
<text id="&lt;strong&gt;" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#E8C48E">
<tspan x="35" y="181">&lt;strong&gt;</tspan>
</text>
<text id="event.target" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="271.745605" y="181">event.target</tspan>
</text>
<path d="M229.5,177.5 L259.5,177.5" id="Line-30" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="369" height="216" viewBox="0 0 369 216"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="bagua-bubble.svg"><path id="Rectangle-210" fill="#FFDE99" d="M202.488 140L217 186H103l14.512-46z"/><path id="Rectangle-209" stroke="#CFCE95" stroke-width="18" d="M216.634 81H102.366l-16.09 51h146.447l-16.09-51z"/><path id="Rectangle-208" stroke="#99C0C3" stroke-width="18" d="M236.014 29H82.986l-22.71 72h198.448l-22.71-72z"/><path id="Fill-46" fill="#5A4739" d="M164.5 123h-9v-13h9v13zm0 18v13.816a4.5 4.5 0 11-9 0V141h9zm0-49h-9V35.698l-10.138 10.137a4.5 4.5 0 11-6.363-6.364l17.639-17.64a4.477 4.477 0 013.363-1.3 4.471 4.471 0 013.36 1.3l17.64 17.64a4.5 4.5 0 01-6.363 6.364L164.5 35.698V92z"/><text id="&lt;table&gt;" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="9" y="30">&lt;table&gt;</tspan></text><text id="&lt;td&gt;" fill="#CFCE95" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="36" y="136">&lt;td&gt;</tspan></text><text id="&lt;strong&gt;" fill="#E8C48E" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="35" y="181">&lt;strong&gt;</tspan></text><text id="event.target" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="271.746" y="181">event.target</tspan></text><path id="Line-30" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M229.5 177.5h30"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

View file

@ -1,35 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="440px" height="183px" viewBox="0 0 440 183" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>mouseover-mouseout-from-outside.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="202" y="57" width="126" height="93"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="126" height="93" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="mouseover-mouseout-from-outside.svg">
<use id="Rectangle-10" stroke="#E8C48E" mask="url(#mask-2)" stroke-width="8" fill="#FFF9EB" opacity="0.6" stroke-dasharray="5,1,5,1" xlink:href="#path-1"></use>
<g id="noun_69008_cc" transform="translate(171.000000, 8.000000)" fill="#E8C48E">
<path d="M234.020833,169 L4.97916667,169 C2.23066667,169 0,167.09875 0,164.775 L0,4.225 C0,1.90125 2.23066667,0 4.97916667,0 L234.020833,0 C236.759375,0 239,1.90125 239,4.225 L239,164.775 C239,167.09875 236.759375,169 234.020833,169 L234.020833,169 Z M9.95833333,160.55 L229.041667,160.55 L229.041667,8.45 L9.95833333,8.45 L9.95833333,160.55 L9.95833333,160.55 Z" id="Shape"></path>
<path d="M229.041667,42.25 L9.95833333,42.25 C7.20983333,42.25 4.97916667,40.34875 4.97916667,38.025 C4.97916667,35.70125 7.20983333,33.8 9.95833333,33.8 L229.041667,33.8 C231.780208,33.8 234.020833,35.70125 234.020833,38.025 C234.020833,40.34875 231.780208,42.25 229.041667,42.25 L229.041667,42.25 Z" id="Shape"></path>
<path d="M27.9166667,20.9 C27.9166667,23.11 26.1266667,24.9 23.9166667,24.9 C21.7066667,24.9 19.9166667,23.11 19.9166667,20.9 C19.9166667,18.69 21.7066667,16.9 23.9166667,16.9 C26.1266667,16.9 27.9166667,18.69 27.9166667,20.9 L27.9166667,20.9 Z" id="Shape"></path>
<path d="M47.8333333,20.9 C47.8333333,23.11 46.0433333,24.9 43.8333333,24.9 C41.6233333,24.9 39.8333333,23.11 39.8333333,20.9 C39.8333333,18.69 41.6233333,16.9 43.8333333,16.9 C46.0433333,16.9 47.8333333,18.69 47.8333333,20.9 L47.8333333,20.9 Z" id="Shape"></path>
<path d="M67.75,20.9 C67.75,23.11 65.96,24.9 63.75,24.9 C61.54,24.9 59.75,23.11 59.75,20.9 C59.75,18.69 61.54,16.9 63.75,16.9 C65.96,16.9 67.75,18.69 67.75,20.9 L67.75,20.9 Z" id="Shape"></path>
</g>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="232" y="86" width="67" height="34"></rect>
<text id="#TO" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="250.99681" y="109">#TO</tspan>
</text>
<polygon id="Fill-21" fill="#EE6B47" transform="translate(159.000000, 103.646000) scale(-1, 1) translate(-159.000000, -103.646000) " points="223.12832 94.6353921 217.344468 101.853926 105.198001 101.853926 108.348404 94.146 82 103.645409 108.348404 113.146 105.235092 105.438074 217.204218 105.438074 223.12832 112.830378 236 112.830378 228.709332 103.733476 236 94.6353921"></polygon>
<text id="target" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="240" y="80">target</tspan>
</text>
<text id="relatedTarget-=-null" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="1" y="85">relatedTarget = null</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="440" height="183" viewBox="0 0 440 183"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M202 57h126v93H202z"/><mask id="mask-2" width="126" height="93" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-mouseout-from-outside.svg"><use id="Rectangle-10" fill="#FFF9EB" stroke="#E8C48E" stroke-dasharray="5,1,5,1" stroke-width="8" mask="url(#mask-2)" opacity=".6" xlink:href="#path-1"/><g id="noun_69008_cc" fill="#E8C48E" transform="translate(171 8)"><path id="Shape" d="M234.02 169H4.98C2.23 169 0 167.099 0 164.775V4.225C0 1.901 2.23 0 4.98 0h229.04c2.74 0 4.98 1.901 4.98 4.225v160.55c0 2.324-2.24 4.225-4.98 4.225zM9.959 160.55h219.084V8.45H9.958v152.1z"/><path id="Shape" d="M229.042 42.25H9.958c-2.748 0-4.979-1.901-4.979-4.225S7.21 33.8 9.96 33.8h219.083c2.738 0 4.979 1.901 4.979 4.225s-2.24 4.225-4.98 4.225zM27.917 20.9c0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4 4 1.79 4 4zM47.833 20.9c0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4 4 1.79 4 4zM67.75 20.9c0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4 4 1.79 4 4z"/></g><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M232 86h67v34h-67z"/><text id="#TO" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="250.997" y="109">#TO</tspan></text><path id="Fill-21" fill="#EE6B47" d="M223.128 94.635l-5.784 7.219H105.198l3.15-7.708-26.348 9.5 26.348 9.5-3.113-7.708h111.97l5.923 7.392H236l-7.29-9.097 7.29-9.098z" transform="matrix(-1 0 0 1 318 0)"/><text id="target" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="240" y="80">target</tspan></text><text id="relatedTarget-=-null" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="1" y="85">relatedTarget = null</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

View file

@ -1,51 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="508px" height="92px" viewBox="0 0 508 92" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>mouseover-mouseout-over-elems.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="124" y="31" width="69.0072917" height="52.4511719"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="69.0072917" height="52.4511719" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<rect id="path-3" x="207" y="31" width="69.0072917" height="52.4511719"></rect>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="69.0072917" height="52.4511719" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<rect id="path-5" x="291" y="31" width="69.0072917" height="52.4511719"></rect>
<mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="69.0072917" height="52.4511719" fill="white">
<use xlink:href="#path-5"></use>
</mask>
</defs>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="mouseover-mouseout-over-elems.svg">
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="375" y="22" width="88.0136719" height="50.4511719"></rect>
<text id="#TO" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="404.99681" y="53">#TO</tspan>
</text>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="17" y="22" width="88.0136719" height="50.4511719"></rect>
<text id="#FROM" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="36.3473958" y="53">#FROM</tspan>
</text>
<use id="Rectangle-8" stroke="#E8C48E" mask="url(#mask-2)" stroke-width="8" fill="#FFF9EB" opacity="0.6" stroke-dasharray="5,1,5,1" xlink:href="#path-1"></use>
<text id="&lt;DIV&gt;" opacity="0.6" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="138.964095" y="63">&lt;DIV&gt;</tspan>
</text>
<use id="Rectangle-9" stroke="#E8C48E" mask="url(#mask-4)" stroke-width="8" fill="#FFF9EB" opacity="0.6" stroke-dasharray="5,1,5,1" xlink:href="#path-3"></use>
<text id="&lt;DIV&gt;-2" opacity="0.6" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="221.964095" y="63">&lt;DIV&gt;</tspan>
</text>
<use id="Rectangle-10" stroke="#E8C48E" mask="url(#mask-6)" stroke-width="8" fill="#FFF9EB" opacity="0.6" stroke-dasharray="5,1,5,1" xlink:href="#path-5"></use>
<text id="&lt;DIV&gt;-3" opacity="0.6" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="305.964095" y="63">&lt;DIV&gt;</tspan>
</text>
<polyline id="Fill-21" fill="#EE6B47" transform="translate(247.500000, 47.646000) scale(-1, 1) translate(-247.500000, -47.646000) " points="401 38.6353921 375.340223 38.6353921 363.810075 45.8539263 140.245366 45.8539263 146.525714 38.146 94 47.6454089 146.525714 57.146 140.319306 49.4380737 363.530486 49.4380737 375.340223 56.8303775 401 56.8303775 386.466006 47.7334759 401 38.6353921"></polyline>
<text id="mouseover" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="340" y="17">mouseover</tspan>
</text>
<text id="mouseout" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="75" y="18">mouseout</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="508" height="92" viewBox="0 0 508 92"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M124 31h69.007v52.451H124z"/><path id="path-3" d="M207 31h69.007v52.451H207z"/><path id="path-5" d="M291 31h69.007v52.451H291z"/><mask id="mask-2" width="69.007" height="52.451" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask><mask id="mask-4" width="69.007" height="52.451" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-3"/></mask><mask id="mask-6" width="69.007" height="52.451" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-5"/></mask></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-mouseout-over-elems.svg"><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M375 22h88.014v50.451H375z"/><text id="#TO" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="404.997" y="53">#TO</tspan></text><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M17 22h88.014v50.451H17z"/><text id="#FROM" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="36.347" y="53">#FROM</tspan></text><use id="Rectangle-8" fill="#FFF9EB" stroke="#E8C48E" stroke-dasharray="5,1,5,1" stroke-width="8" mask="url(#mask-2)" opacity=".6" xlink:href="#path-1"/><text id="&lt;DIV&gt;" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" opacity=".6"><tspan x="138.964" y="63">&lt;DIV&gt;</tspan></text><use id="Rectangle-9" fill="#FFF9EB" stroke="#E8C48E" stroke-dasharray="5,1,5,1" stroke-width="8" mask="url(#mask-4)" opacity=".6" xlink:href="#path-3"/><text id="&lt;DIV&gt;-2" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" opacity=".6"><tspan x="221.964" y="63">&lt;DIV&gt;</tspan></text><use id="Rectangle-10" fill="#FFF9EB" stroke="#E8C48E" stroke-dasharray="5,1,5,1" stroke-width="8" mask="url(#mask-6)" opacity=".6" xlink:href="#path-5"/><text id="&lt;DIV&gt;-3" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" opacity=".6"><tspan x="305.964" y="63">&lt;DIV&gt;</tspan></text><path id="Fill-21" fill="#EE6B47" d="M401 38.635h-25.66l-11.53 7.219H140.245l6.28-7.708L94 47.646l52.526 9.5-6.207-7.708H363.53l11.81 7.392H401l-14.534-9.097L401 38.635" transform="matrix(-1 0 0 1 495 0)"/><text id="mouseover" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="340" y="17">mouseover</tspan></text><text id="mouseout" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="75" y="18">mouseout</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Before After
Before After

View file

@ -1,22 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="278px" height="92px" viewBox="0 0 278 92" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>mouseover-mouseout.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="mouseover-mouseout.svg">
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="95" y="25" width="88.0136719" height="50.4511719"></rect>
<text id="&lt;DIV&gt;" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="118.964095" y="56">&lt;DIV&gt;</tspan>
</text>
<path d="M109,51.8276766 C109,51.8276766 88.1589755,39.0886766 74.3265137,34 C73.990849,36.1044846 73.6561461,38.2078702 73.3204815,40.3112558 C50.6491708,39.1326345 27.6239215,40.8772137 6,45.5449934 C8.76995481,49.733632 11.5399096,53.9217211 14.3098644,58.1098102 C32.5800247,54.1662369 52.0341482,52.6925483 71.1891551,53.6881948 C70.8534905,55.7926793 70.5178258,57.8960649 70.1831229,60 C81.3091081,56.2091804 109,51.8276766 109,51.8276766" id="Fill-55" fill="#EE6B47"></path>
<text id="mouseover" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="17" y="21">mouseover</tspan>
</text>
<path d="M268,51.8276766 C268,51.8276766 247.158975,39.0886766 233.326514,34 C232.990849,36.1044846 232.656146,38.2078702 232.320481,40.3112558 C209.649171,39.1326345 186.623921,40.8772137 165,45.5449934 C167.769955,49.733632 170.53991,53.9217211 173.309864,58.1098102 C191.580025,54.1662369 211.034148,52.6925483 230.189155,53.6881948 C229.85349,55.7926793 229.517826,57.8960649 229.183123,60 C240.309108,56.2091804 268,51.8276766 268,51.8276766" id="Fill-56" fill="#EE6B47"></path>
<text id="mouseout" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="193" y="21">mouseout</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="278" height="92" viewBox="0 0 278 92"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-mouseout.svg"><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M95 25h88.014v50.451H95z"/><text id="&lt;DIV&gt;" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="118.964" y="56">&lt;DIV&gt;</tspan></text><path id="Fill-55" fill="#EE6B47" d="M109 51.828S88.159 39.088 74.327 34c-.336 2.104-.67 4.208-1.007 6.311-22.67-1.178-45.696.566-67.32 5.234l8.31 12.565c18.27-3.944 37.724-5.417 56.88-4.422-.337 2.105-.672 4.208-1.007 6.312C81.31 56.21 109 51.828 109 51.828"/><text id="mouseover" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="17" y="21">mouseover</tspan></text><path id="Fill-56" fill="#EE6B47" d="M268 51.828S247.159 39.088 233.327 34c-.336 2.104-.67 4.208-1.007 6.311-22.67-1.178-45.696.566-67.32 5.234l8.31 12.565c18.27-3.944 37.724-5.417 56.88-4.422-.337 2.105-.672 4.208-1.007 6.312C240.31 56.21 268 51.828 268 51.828"/><text id="mouseout" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="193" y="21">mouseout</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

View file

@ -1,25 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="233px" height="150px" viewBox="0 0 233 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>mouseover-to-child.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="mouseover-to-child.svg">
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="13" y="15" width="210" height="115"></rect>
<text id="#FROM" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="18.5136307" y="31">#FROM</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="141" y="65" width="67" height="34"></rect>
<text id="#TO" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="159.99681" y="88">#TO</tspan>
</text>
<path d="M150,83.0279175 C150,83.0279175 134.824497,73.7186483 124.752316,70 C124.5079,71.5378926 124.264184,73.074982 124.019768,74.6120715 C107.511532,73.7507714 90.7455739,75.0256562 75,78.436726 C77.0169574,81.4976542 79.0339148,84.5581808 81.0508721,87.6187075 C94.3543869,84.7368655 108.520011,83.6599391 122.467831,84.3875269 C122.223415,85.9254195 121.978999,87.462509 121.735284,89 C129.836729,86.2297857 150,83.0279175 150,83.0279175" id="Fill-54" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<text id="mouseover" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="138" y="59">mouseover</tspan>
</text>
<text id="mouseout" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="39" y="70">mouseout</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="233" height="150" viewBox="0 0 233 150"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-to-child.svg"><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M13 15h210v115H13z"/><text id="#FROM" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="18.514" y="31">#FROM</tspan></text><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M141 65h67v34h-67z"/><text id="#TO" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="159.997" y="88">#TO</tspan></text><path id="Fill-54" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M150 83.028S134.824 73.718 124.752 70l-.732 4.612c-16.508-.861-33.274.414-49.02 3.825l6.05 9.182c13.304-2.882 27.47-3.96 41.418-3.231L121.735 89C129.837 86.23 150 83.028 150 83.028"/><text id="mouseover" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="138" y="59">mouseover</tspan></text><text id="mouseout" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="39" y="70">mouseout</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 44 KiB

Before After
Before After

View file

@ -1,41 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="463px" height="150px" viewBox="0 0 463 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>form-navigation.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="form-navigation.svg">
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="174" y="14" width="78" height="28"></rect>
<text id="form" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="197.203646" y="33">form</tspan>
</text>
<rect id="Rectangle-6-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="32" y="109" width="101" height="28"></rect>
<text id="elements[0]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="37.3" y="127">elements[0]</tspan>
</text>
<rect id="Rectangle-6-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="162" y="109" width="101" height="28"></rect>
<text id="elements[1]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="167.3" y="127">elements[1]</tspan>
</text>
<rect id="Rectangle-6-Copy-3" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="342" y="109" width="101" height="28"></rect>
<text id="elements[n]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="347.3" y="127">elements[n]</tspan>
</text>
<text id="..." font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="292.4" y="129">...</tspan>
</text>
<path id="Line-Copy-4" d="M335.21427,92.9734811 L231.189692,49.0320645 L231.967935,47.1896919 L335.992513,91.1311084 L338.327244,85.6039906 L348.5,97.5 L332.879539,98.5005989 L335.21427,92.9734811 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-6" d="M273.78573,50.0265189 L276.447127,51.1507296 L275.668883,52.9931022 L273.007487,51.8688916 L270.672756,57.3960094 L260.5,45.5 L276.120461,44.4994011 L273.78573,50.0265189 Z M279.353629,54.5495895 L280.131872,52.7072168 L284.737804,54.6528259 L283.95956,56.4951985 L279.353629,54.5495895 Z M287.644305,58.0516857 L288.422549,56.2093131 L293.02848,58.1549221 L292.250237,59.9972947 L287.644305,58.0516857 Z M295.934982,61.5537819 L296.713226,59.7114093 L301.319157,61.6570183 L300.540914,63.499391 L295.934982,61.5537819 Z M304.225659,65.0558782 L305.003903,63.2135055 L309.609834,65.1591146 L308.83159,67.0014872 L304.225659,65.0558782 Z M312.516336,68.5579744 L313.294579,66.7156018 L317.900511,68.6612108 L317.122267,70.5035834 L312.516336,68.5579744 Z M320.807013,72.0600706 L321.585256,70.217698 L326.191188,72.163307 L325.412944,74.0056797 L320.807013,72.0600706 Z M329.097689,75.5621669 L329.875933,73.7197943 L334.481865,75.6654033 L333.703621,77.5077759 L329.097689,75.5621669 Z M337.388366,79.0642631 L338.16661,77.2218905 L342.772541,79.1674995 L341.994298,81.0098721 L337.388366,79.0642631 Z M345.679043,82.5663594 L346.457287,80.7239867 L351.063218,82.6695958 L350.284975,84.5119684 L345.679043,82.5663594 Z M353.96972,86.0684556 L354.747963,84.226083 L359.353895,86.171692 L358.575651,88.0140646 L353.96972,86.0684556 Z M362.260397,89.5705518 L363.03864,87.7281792 L367.644572,89.6737882 L366.866328,91.5161609 L362.260397,89.5705518 Z M370.551073,93.0726481 L371.329317,91.2302755 L375.935249,93.1758845 L375.157005,95.0182571 L370.551073,93.0726481 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-5" d="M112.169048,89.7004285 L186.873814,47.1360853 L187.863915,48.8738137 L113.159149,91.4381568 L116.129452,96.651342 L100.5,97.5 L109.198745,84.4872433 L112.169048,89.7004285 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M149.438193,50.9576768 L146.487295,52.6926269 L145.473633,50.9685357 L148.424531,49.2335857 L145.383547,44.0613124 L161,43 L152.479178,56.1299501 L149.438193,50.9576768 Z M61.1447852,102.868876 L60.1311236,101.144785 L64.4413514,98.6106312 L65.455013,100.334722 L61.1447852,102.868876 Z M68.9031952,98.3073991 L67.8895336,96.583308 L72.1997614,94.049154 L73.213423,95.7732451 L68.9031952,98.3073991 Z M76.6616052,93.7459219 L75.6479436,92.0218308 L79.9581714,89.4876768 L80.971833,91.2117679 L76.6616052,93.7459219 Z M84.4200152,89.1844447 L83.4063536,87.4603536 L87.7165814,84.9261996 L88.730243,86.6502907 L84.4200152,89.1844447 Z M92.1784252,84.6229674 L91.1647636,82.8988763 L95.4749914,80.3647223 L96.488653,82.0888134 L92.1784252,84.6229674 Z M99.9368352,80.0614902 L98.9231736,78.3373991 L103.233401,75.8032451 L104.247063,77.5273362 L99.9368352,80.0614902 Z M107.695245,75.500013 L106.681584,73.7759219 L110.991811,71.2417679 L112.005473,72.965859 L107.695245,75.500013 Z M115.453655,70.9385358 L114.439994,69.2144447 L118.750221,66.6802906 L119.763883,68.4043817 L115.453655,70.9385358 Z M123.212065,66.3770585 L122.198404,64.6529674 L126.508631,62.1188134 L127.522293,63.8429045 L123.212065,66.3770585 Z M130.970475,61.8155813 L129.956814,60.0914902 L134.267041,57.5573362 L135.280703,59.2814273 L130.970475,61.8155813 Z M138.728885,57.2541041 L137.715223,55.530013 L142.025451,52.995859 L143.039113,54.7199501 L138.728885,57.2541041 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="form" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="78.7" y="61">form</tspan>
</text>
<text id="form-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="319.7" y="61">form</tspan>
</text>
<path id="Line" d="M216.5,87.5 L216.5,50.5 L218.5,50.5 L218.5,87.5 L224.5,87.5 L217.5,101.5 L210.5,87.5 L216.5,87.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-3" d="M201.5,87.5 L201.5,86.5 L203.5,86.5 L203.5,87.5 L209.5,87.5 L202.5,101.5 L195.5,87.5 L201.5,87.5 Z M201.5,50.5 L203.5,50.5 L203.5,55.5 L201.5,55.5 L201.5,50.5 Z M201.5,59.5 L203.5,59.5 L203.5,64.5 L201.5,64.5 L201.5,59.5 Z M201.5,68.5 L203.5,68.5 L203.5,73.5 L201.5,73.5 L201.5,68.5 Z M201.5,77.5 L203.5,77.5 L203.5,82.5 L201.5,82.5 L201.5,77.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="463" height="150" viewBox="0 0 463 150"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="form-navigation.svg"><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M174 14h78v28h-78z"/><text id="form" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="197.204" y="33">form</tspan></text><path id="Rectangle-6-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M32 109h101v28H32z"/><text id="elements[0]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="37.3" y="127">elements[0]</tspan></text><path id="Rectangle-6-Copy-2" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M162 109h101v28H162z"/><text id="elements[1]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="167.3" y="127">elements[1]</tspan></text><path id="Rectangle-6-Copy-3" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M342 109h101v28H342z"/><text id="elements[n]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="347.3" y="127">elements[n]</tspan></text><text id="..." fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="292.4" y="129">...</tspan></text><path id="Line-Copy-4" fill="#EE6B47" fill-rule="nonzero" d="M335.214 92.973L231.19 49.033l.778-1.843L335.993 91.13l2.334-5.527L348.5 97.5l-15.62 1 2.334-5.527z"/><path id="Line-Copy-6" fill="#EE6B47" fill-rule="nonzero" d="M273.786 50.027l2.661 1.124-.778 1.842-2.662-1.124-2.334 5.527L260.5 45.5l15.62-1-2.334 5.527zm5.568 4.523l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945zm8.29 3.502l.779-1.843 4.605 1.946-.778 1.842-4.606-1.945zm8.291 3.502l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945zm8.29 3.502l.779-1.842 4.606 1.945-.778 1.842-4.606-1.945zm8.291 3.502l.779-1.842 4.606 1.945-.779 1.843-4.606-1.946zm8.291 3.502l.778-1.842 4.606 1.945-.778 1.843-4.606-1.946zm8.29 3.502l.779-1.842 4.606 1.945-.778 1.843-4.606-1.946zm8.291 3.502l.779-1.842 4.606 1.945-.779 1.843-4.606-1.946zm8.291 3.502l.778-1.842 4.606 1.946-.778 1.842-4.606-1.946zm8.29 3.502l.779-1.842 4.606 1.946-.778 1.842-4.606-1.946zm8.291 3.503l.779-1.843 4.606 1.946-.779 1.842-4.606-1.945zm8.291 3.502l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945z"/><path id="Line-Copy-5" fill="#EE6B47" fill-rule="nonzero" d="M112.169 89.7l74.705-42.564.99 1.738-74.705 42.564 2.97 5.213-15.629.849 8.699-13.013 2.97 5.213z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M149.438 50.958l-2.95 1.735-1.014-1.724 2.95-1.735-3.04-5.173L161 43l-8.52 13.13-3.042-5.172zm-88.293 51.91l-1.014-1.723 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.56l-1.013-1.725 4.31-2.534 1.013 1.724-4.31 2.534zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.724 4.31-2.534 1.013 1.724-4.31 2.534zm7.759-4.561l-1.014-1.725 4.31-2.534 1.014 1.724-4.31 2.535zm7.758-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.725 4.31-2.534 1.014 1.724-4.31 2.535zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534z"/><text id="form" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="78.7" y="61">form</tspan></text><text id="form-copy" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="319.7" y="61">form</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M216.5 87.5v-37h2v37h6l-7 14-7-14h6z"/><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M201.5 87.5v-1h2v1h6l-7 14-7-14h6zm0-37h2v5h-2v-5zm0 9h2v5h-2v-5zm0 9h2v5h-2v-5zm0 9h2v5h-2v-5z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Before After
Before After

View file

@ -1,36 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="640px" height="89px" viewBox="0 0 640 89" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>range-example-p-0-1.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="47" y="35" width="262" height="21"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="262" height="21" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="misc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="range-example-p-0-1.svg">
<text id="&lt;p&gt;Example:-&lt;i&gt;itali" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1" fill="#8A704D">
<tspan x="13" y="51">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan>
</text>
<use id="Rectangle" stroke="#0000FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.1" fill="#0000FF" stroke-dasharray="5,2" xlink:href="#path-1"></use>
<polyline id="Path-Copy" stroke="#EE6B47" stroke-width="2" transform="translate(99.000000, 62.500000) scale(1, -1) translate(-99.000000, -62.500000) " points="48 68 48 57 48 57 150 57 150 68"></polyline>
<polyline id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" transform="translate(231.000000, 62.500000) scale(1, -1) translate(-231.000000, -62.500000) " points="154 68 154 57 154 57 308 57 308 68"></polyline>
<text id="0" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="93" y="84">0</tspan>
</text>
<text id="1" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="226" y="84">1</tspan>
</text>
<text id="2" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="334" y="84">2</tspan>
</text>
<text id="3" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="428" y="84">3</tspan>
</text>
<polyline id="Path-Copy-3" stroke="#EE6B47" stroke-width="2" transform="translate(338.500000, 62.500000) scale(1, -1) translate(-338.500000, -62.500000) " points="312 68 312 57 312 57 365 57 365 68"></polyline>
<polyline id="Path-Copy-4" stroke="#EE6B47" stroke-width="2" transform="translate(433.000000, 62.500000) scale(1, -1) translate(-433.000000, -62.500000) " points="369 68 369 57 369 57 497 57 497 68"></polyline>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="89" viewBox="0 0 640 89"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M47 35h262v21H47z"/><mask id="mask-2" width="262" height="21" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="misc" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="range-example-p-0-1.svg"><text id="&lt;p&gt;Example:-&lt;i&gt;itali" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1"><tspan x="13" y="51">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan></text><use id="Rectangle" fill="#00F" fill-opacity=".1" stroke="#00F" stroke-dasharray="5,2" stroke-width="2" mask="url(#mask-2)" xlink:href="#path-1"/><path id="Path-Copy" stroke="#EE6B47" stroke-width="2" d="M48 57v11h102V57"/><path id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" d="M154 57v11h154V57"/><text id="0" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="93" y="84">0</tspan></text><text id="1" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="226" y="84">1</tspan></text><text id="2" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="334" y="84">2</tspan></text><text id="3" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="428" y="84">3</tspan></text><path id="Path-Copy-3" stroke="#EE6B47" stroke-width="2" d="M312 57v11h53V57"/><path id="Path-Copy-4" stroke="#EE6B47" stroke-width="2" d="M369 57v11h128V57"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

View file

@ -1,36 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="640px" height="89px" viewBox="0 0 640 89" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>range-example-p-1-3.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="153" y="35" width="345" height="21"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="345" height="21" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="misc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="range-example-p-1-3.svg">
<text id="&lt;p&gt;Example:-&lt;i&gt;itali" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1" fill="#8A704D">
<tspan x="13" y="51">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan>
</text>
<use id="Rectangle" stroke="#0000FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.1" fill="#0000FF" stroke-dasharray="5,2" xlink:href="#path-1"></use>
<polyline id="Path-Copy" stroke="#EE6B47" stroke-width="2" transform="translate(99.000000, 62.500000) scale(1, -1) translate(-99.000000, -62.500000) " points="48 68 48 57 48 57 150 57 150 68"></polyline>
<polyline id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" transform="translate(231.000000, 62.500000) scale(1, -1) translate(-231.000000, -62.500000) " points="154 68 154 57 154 57 308 57 308 68"></polyline>
<text id="0" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="93" y="84">0</tspan>
</text>
<text id="1" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="226" y="84">1</tspan>
</text>
<text id="2" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="334" y="84">2</tspan>
</text>
<text id="3" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="428" y="84">3</tspan>
</text>
<polyline id="Path-Copy-3" stroke="#EE6B47" stroke-width="2" transform="translate(338.500000, 62.500000) scale(1, -1) translate(-338.500000, -62.500000) " points="312 68 312 57 312 57 365 57 365 68"></polyline>
<polyline id="Path-Copy-4" stroke="#EE6B47" stroke-width="2" transform="translate(433.000000, 62.500000) scale(1, -1) translate(-433.000000, -62.500000) " points="369 68 369 57 369 57 497 57 497 68"></polyline>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="89" viewBox="0 0 640 89"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M153 35h345v21H153z"/><mask id="mask-2" width="345" height="21" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="misc" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="range-example-p-1-3.svg"><text id="&lt;p&gt;Example:-&lt;i&gt;itali" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1"><tspan x="13" y="51">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan></text><use id="Rectangle" fill="#00F" fill-opacity=".1" stroke="#00F" stroke-dasharray="5,2" stroke-width="2" mask="url(#mask-2)" xlink:href="#path-1"/><path id="Path-Copy" stroke="#EE6B47" stroke-width="2" d="M48 57v11h102V57"/><path id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" d="M154 57v11h154V57"/><text id="0" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="93" y="84">0</tspan></text><text id="1" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="226" y="84">1</tspan></text><text id="2" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="334" y="84">2</tspan></text><text id="3" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="428" y="84">3</tspan></text><path id="Path-Copy-3" stroke="#EE6B47" stroke-width="2" d="M312 57v11h53V57"/><path id="Path-Copy-4" stroke="#EE6B47" stroke-width="2" d="M369 57v11h128V57"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

View file

@ -1,47 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="683px" height="229px" viewBox="0 0 683 229" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>range-example-p-2-b-3-range.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="183" y="54" width="368" height="21"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="368" height="21" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="misc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="range-example-p-2-b-3-range.svg">
<text id="&lt;p&gt;Example:-&lt;i&gt;itali" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1" fill="#8A704D">
<tspan x="126" y="70">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan>
</text>
<polyline id="Path" stroke="#EE6B47" stroke-width="2" transform="translate(213.000000, 73.000000) scale(1, -1) translate(-213.000000, -73.000000) " points="160 78 160 68 160 68 266 68 266 78"></polyline>
<polyline id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" transform="translate(392.000000, 152.500000) scale(1, -1) translate(-392.000000, -152.500000) " points="126 162 126 143 126 143 658 143 658 162"></polyline>
<polyline id="Path-Copy" stroke="#EE6B47" stroke-width="2" transform="translate(539.000000, 75.000000) scale(1, -1) translate(-539.000000, -75.000000) " points="514 80 514 70 514 70 564 70 564 80"></polyline>
<path id="Line" d="M141.805422,96.0335122 L125.588919,81.8440721 L126.905928,80.3389187 L143.122431,94.5283588 L147.073459,90.0128986 L153,104.5 L137.854394,100.548972 L141.805422,96.0335122 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-3" d="M484.805422,96.0335122 L468.588919,81.8440721 L469.905928,80.3389187 L486.122431,94.5283588 L490.073459,90.0128986 L496,104.5 L480.854394,100.548972 L484.805422,96.0335122 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<use id="Rectangle" stroke="#0000FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.1" fill="#0000FF" stroke-dasharray="5,2" xlink:href="#path-1"></use>
<text id="startContainer-(&lt;p&gt;." font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="10.3" y="118">startContainer</tspan>
<tspan x="0.7" y="136">(&lt;p&gt;.firstChild)</tspan>
</text>
<path id="Line-Copy" d="M184,88 L184,104 L182,104 L182,88 L176,88 L183,74 L190,88 L184,88 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-2" d="M552,87 L552,103 L550,103 L550,87 L544,87 L551,73 L558,87 L552,87 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="startOffset-(=2)" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="170.2" y="118">startOffset</tspan>
<tspan x="203.8" y="136">(=2)</tspan>
</text>
<text id="commonAncestorContai" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="316.1" y="181">commonAncestorContainer</tspan>
<tspan x="402.5" y="199">(&lt;p&gt;)</tspan>
</text>
<text id="endContainer-(&lt;b&gt;.fi" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="388.9" y="117">endContainer</tspan>
<tspan x="369.7" y="135">(&lt;b&gt;.firstChild)</tspan>
</text>
<text id="endOffset-(=3)" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="537.3" y="118">endOffset</tspan>
<tspan x="561.3" y="136">(=3)</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="683" height="229" viewBox="0 0 683 229"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M183 54h368v21H183z"/><mask id="mask-2" width="368" height="21" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="misc" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="range-example-p-2-b-3-range.svg"><text id="&lt;p&gt;Example:-&lt;i&gt;itali" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1"><tspan x="126" y="70">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan></text><path id="Path" stroke="#EE6B47" stroke-width="2" d="M160 68v10h106V68"/><path id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" d="M126 143v19h532v-19"/><path id="Path-Copy" stroke="#EE6B47" stroke-width="2" d="M514 70v10h50V70"/><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M141.805 96.034l-16.216-14.19 1.317-1.505 16.216 14.19 3.951-4.516L153 104.5l-15.146-3.951 3.951-4.515z"/><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M484.805 96.034l-16.216-14.19 1.317-1.505 16.216 14.19 3.951-4.516L496 104.5l-15.146-3.951 3.951-4.515z"/><use id="Rectangle" fill="#00F" fill-opacity=".1" stroke="#00F" stroke-dasharray="5,2" stroke-width="2" mask="url(#mask-2)" xlink:href="#path-1"/><text id="startContainer-(&lt;p&gt;." fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="10.3" y="118">startContainer</tspan> <tspan x=".7" y="136">(&lt;p&gt;.firstChild)</tspan></text><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M184 88v16h-2V88h-6l7-14 7 14h-6z"/><path id="Line-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M552 87v16h-2V87h-6l7-14 7 14h-6z"/><text id="startOffset-(=2)" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="170.2" y="118">startOffset</tspan> <tspan x="203.8" y="136">(=2)</tspan></text><text id="commonAncestorContai" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="316.1" y="181">commonAncestorContainer</tspan> <tspan x="402.5" y="199">(&lt;p&gt;)</tspan></text><text id="endContainer-(&lt;b&gt;.fi" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="388.9" y="117">endContainer</tspan> <tspan x="369.7" y="135">(&lt;b&gt;.firstChild)</tspan></text><text id="endOffset-(=3)" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="537.3" y="118">endOffset</tspan> <tspan x="561.3" y="136">(=3)</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

View file

@ -1,36 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="640px" height="89px" viewBox="0 0 640 89" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>range-example-p-2-b-3.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="71" y="35" width="367" height="21"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="367" height="21" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="misc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="range-example-p-2-b-3.svg">
<text id="&lt;p&gt;Example:-&lt;i&gt;itali" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1" fill="#8A704D">
<tspan x="13" y="51">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan>
</text>
<use id="Rectangle" stroke="#0000FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.1" fill="#0000FF" stroke-dasharray="5,2" xlink:href="#path-1"></use>
<polyline id="Path-Copy" stroke="#EE6B47" stroke-width="2" transform="translate(99.000000, 62.500000) scale(1, -1) translate(-99.000000, -62.500000) " points="48 68 48 57 48 57 150 57 150 68"></polyline>
<polyline id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" transform="translate(231.000000, 62.500000) scale(1, -1) translate(-231.000000, -62.500000) " points="154 68 154 57 154 57 308 57 308 68"></polyline>
<text id="0" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="93" y="84">0</tspan>
</text>
<text id="1" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="226" y="84">1</tspan>
</text>
<text id="2" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="334" y="84">2</tspan>
</text>
<text id="3" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing="0.777777778" fill="#000000">
<tspan x="428" y="84">3</tspan>
</text>
<polyline id="Path-Copy-3" stroke="#EE6B47" stroke-width="2" transform="translate(338.500000, 62.500000) scale(1, -1) translate(-338.500000, -62.500000) " points="312 68 312 57 312 57 365 57 365 68"></polyline>
<polyline id="Path-Copy-4" stroke="#EE6B47" stroke-width="2" transform="translate(433.000000, 62.500000) scale(1, -1) translate(-433.000000, -62.500000) " points="369 68 369 57 369 57 497 57 497 68"></polyline>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="89" viewBox="0 0 640 89"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M71 35h367v21H71z"/><mask id="mask-2" width="367" height="21" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="misc" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="range-example-p-2-b-3.svg"><text id="&lt;p&gt;Example:-&lt;i&gt;itali" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1"><tspan x="13" y="51">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan></text><use id="Rectangle" fill="#00F" fill-opacity=".1" stroke="#00F" stroke-dasharray="5,2" stroke-width="2" mask="url(#mask-2)" xlink:href="#path-1"/><path id="Path-Copy" stroke="#EE6B47" stroke-width="2" d="M48 57v11h102V57"/><path id="Path-Copy-2" stroke="#EE6B47" stroke-width="2" d="M154 57v11h154V57"/><text id="0" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="93" y="84">0</tspan></text><text id="1" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="226" y="84">1</tspan></text><text id="2" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="334" y="84">2</tspan></text><text id="3" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" letter-spacing=".778"><tspan x="428" y="84">3</tspan></text><path id="Path-Copy-3" stroke="#EE6B47" stroke-width="2" d="M312 57v11h53V57"/><path id="Path-Copy-4" stroke="#EE6B47" stroke-width="2" d="M369 57v11h128V57"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

View file

@ -1,46 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="559px" height="128px" viewBox="0 0 559 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>selection-direction-backward.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<rect id="path-1" x="47" y="62" width="262" height="21"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="262" height="21" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-3">
<stop stop-color="#F2F2F2" offset="0%"></stop>
<stop stop-color="#808080" offset="100%"></stop>
</linearGradient>
<polygon id="path-4" points="7.84066209 8.51607073 12.4865478 6.86493774 1.13686838e-13 0 3.64025044 13.7764227 6.3662792 9.66798489 9.63003598 13.8454031 11.1044189 12.6934889"></polygon>
<filter x="-52.6%" y="-43.3%" width="212.1%" height="203.6%" filterUnits="objectBoundingBox" id="filter-5">
<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="misc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="selection-direction-backward.svg">
<text id="&lt;p&gt;Example:-&lt;i&gt;itali" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1" fill="#8A704D">
<tspan x="13" y="79">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan>
</text>
<path id="Line-Copy-3" d="M308.675044,49.162478 L308.675044,49.5 L308,49.5 L296,55.5 L296,49.5 L47,49.5 L47,47.5 L296,47.5 L296,41.5 L308,47.5 L308.675044,47.5 L308.675044,47.837522 L310,48.5 L308.675044,49.162478 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="focus" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="25" y="32">focus</tspan>
</text>
<text id="anchor" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="277.2" y="32">anchor</tspan>
</text>
<use id="Rectangle" stroke="#0000FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.1" fill="#0000FF" stroke-dasharray="5,2" xlink:href="#path-1"></use>
<rect id="Rectangle" fill="url(#linearGradient-3)" opacity="0.200000003" transform="translate(184.000000, 102.000000) scale(-1, 1) translate(-184.000000, -102.000000) " x="53" y="94" width="262" height="16"></rect>
<g id="Cursor-/-Default-White" transform="translate(49.000000, 94.000000)">
<g id="Rectangle-237">
<use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
<path stroke-opacity="0.8" stroke="#000000" stroke-width="1" d="M8.6617598,8.75489325 L11.806255,12.7796636 L9.54386134,14.5472392 L6.39936616,10.5224689 L3.44128728,14.9806328 L-0.781456351,-1.00021852 L13.7031213,6.96320943 L8.6617598,8.75489325 Z" fill="#FFFFFF" fill-rule="evenodd"></path>
</g>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="559" height="128" viewBox="0 0 559 128"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-1" d="M47 62h262v21H47z"/><path id="path-4" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/><linearGradient id="linearGradient-3" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#F2F2F2"/><stop offset="100%" stop-color="gray"/></linearGradient><filter id="filter-5" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><mask id="mask-2" width="262" height="21" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-1"/></mask></defs><g id="misc" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="selection-direction-backward.svg"><text id="&lt;p&gt;Example:-&lt;i&gt;itali" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1"><tspan x="13" y="79">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan></text><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M308.675 49.162v.338H308l-12 6v-6H47v-2h249v-6l12 6h.675v.338L310 48.5l-1.325.662z"/><text id="focus" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="25" y="32">focus</tspan></text><text id="anchor" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="277.2" y="32">anchor</tspan></text><use id="Rectangle" fill="#00F" fill-opacity=".1" stroke="#00F" stroke-dasharray="5,2" stroke-width="2" mask="url(#mask-2)" xlink:href="#path-1"/><path id="Rectangle" fill="url(#linearGradient-3)" d="M53 94h262v16H53z" opacity=".2" transform="matrix(-1 0 0 1 368 0)"/><g id="Cursor-/-Default-White" transform="translate(49 94)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3 KiB

Before After
Before After

View file

@ -1,46 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="563px" height="128px" viewBox="0 0 563 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>selection-direction-forward.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
<stop stop-color="#F2F2F2" offset="0%"></stop>
<stop stop-color="#808080" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="47" y="72" width="262" height="21"></rect>
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="262" height="21" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<polygon id="path-4" points="7.84066209 8.51607073 12.4865478 6.86493774 1.13686838e-13 0 3.64025044 13.7764227 6.3662792 9.66798489 9.63003598 13.8454031 11.1044189 12.6934889"></polygon>
<filter x="-52.6%" y="-43.3%" width="212.1%" height="203.6%" filterUnits="objectBoundingBox" id="filter-5">
<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="misc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="selection-direction-forward.svg">
<rect id="Rectangle" fill="url(#linearGradient-1)" opacity="0.200000003" x="47" y="100" width="262" height="16"></rect>
<text id="&lt;p&gt;Example:-&lt;i&gt;itali" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1" fill="#8A704D">
<tspan x="13" y="89">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan>
</text>
<path id="Line-Copy-3" d="M308.675044,59.162478 L308.675044,59.5 L308,59.5 L296,65.5 L296,59.5 L47,59.5 L47,57.5 L296,57.5 L296,51.5 L308,57.5 L308.675044,57.5 L308.675044,57.837522 L310,58.5 L308.675044,59.162478 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="anchor" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="18.2" y="42">anchor</tspan>
</text>
<text id="focus" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#000000">
<tspan x="283" y="42">focus</tspan>
</text>
<use id="Rectangle" stroke="#0000FF" mask="url(#mask-3)" stroke-width="2" fill-opacity="0.1" fill="#0000FF" stroke-dasharray="5,2" xlink:href="#path-2"></use>
<g id="Cursor-/-Default-White" transform="translate(306.000000, 100.000000)">
<g id="Rectangle-237">
<use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
<path stroke-opacity="0.8" stroke="#000000" stroke-width="1" d="M8.6617598,8.75489325 L11.806255,12.7796636 L9.54386134,14.5472392 L6.39936616,10.5224689 L3.44128728,14.9806328 L-0.781456351,-1.00021852 L13.7031213,6.96320943 L8.6617598,8.75489325 Z" fill="#FFFFFF" fill-rule="evenodd"></path>
</g>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="563" height="128" viewBox="0 0 563 128"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><path id="path-2" d="M47 72h262v21H47z"/><path id="path-4" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/><linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#F2F2F2"/><stop offset="100%" stop-color="gray"/></linearGradient><filter id="filter-5" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><mask id="mask-3" width="262" height="21" x="0" y="0" fill="#fff" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox"><use xlink:href="#path-2"/></mask></defs><g id="misc" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="selection-direction-forward.svg"><path id="Rectangle" fill="url(#linearGradient-1)" d="M47 100h262v16H47z" opacity=".2"/><text id="&lt;p&gt;Example:-&lt;i&gt;itali" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="1"><tspan x="13" y="89">&lt;p&gt;Example: &lt;i&gt;italic&lt;/i&gt; and &lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;</tspan></text><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M308.675 59.162v.338H308l-12 6v-6H47v-2h249v-6l12 6h.675v.338L310 58.5l-1.325.662z"/><text id="anchor" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="18.2" y="42">anchor</tspan></text><text id="focus" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="283" y="42">focus</tspan></text><use id="Rectangle" fill="#00F" fill-opacity=".1" stroke="#00F" stroke-dasharray="5,2" stroke-width="2" mask="url(#mask-3)" xlink:href="#path-2"/><g id="Cursor-/-Default-White" transform="translate(306 100)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 106 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

Before After
Before After

View file

@ -1,36 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="479px" height="279px" viewBox="0 0 479 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>eventLoop.svg</title>
<desc>Created with sketchtool.</desc>
<g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="eventLoop.svg">
<rect id="Rectangle-1-Copy-5" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="173" width="108" height="28"></rect>
<text id="..." font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="258.9" y="189">...</tspan>
</text>
<rect id="Rectangle-1-Copy-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="90" width="108" height="28"></rect>
<rect id="Rectangle-1-Copy-8" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="117" width="108" height="28"></rect>
<text id="mousemove" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="233.7" y="136">mousemove</tspan>
</text>
<rect id="Rectangle-1-Copy-9" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="145" width="108" height="28"></rect>
<text id="script" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="246.8" y="109">script</tspan>
</text>
<text id="event-loop" font-family="OpenSans-Regular, Open Sans" font-size="24" font-weight="normal" fill="#000000">
<tspan x="69.6621094" y="134">event</tspan>
<tspan x="75.6152344" y="167">loop</tspan>
</text>
<text id="macrotask-queue" font-family="OpenSans-Regular, Open Sans" font-size="24" font-weight="normal" fill="#9B9B9B">
<tspan x="345.111328" y="136">macrotask</tspan>
<tspan x="367.951172" y="169">queue</tspan>
</text>
<path id="Path" d="M263.010725,69.7351956 L258.427178,55.1253877 L262.243758,53.9280087 L270.177144,79.2152421 L244.446978,72.8637563 L245.405602,68.9803249 L260.271316,72.6499231 L251.379057,64.2925256 C234.508006,51.2131452 213.805751,44 192,44 C160.941365,44 132.332745,58.6951996 114.136419,83.1428166 L110.927659,80.7545412 C129.87093,55.303369 159.663534,40 192,40 C214.734181,40 236.326559,47.5348634 253.906792,61.1909666 L254.049591,61.3130651 L263.010725,69.7351956 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Path-Copy-2" d="M120.724894,221.828651 L125.083129,236.507247 L121.248579,237.645767 L113.705173,212.239473 L139.334576,218.986062 L138.316319,222.854285 L123.508821,218.956414 L132.2805,227.4584 C148.5538,239.990276 169.796977,246.679687 194.412852,246.679687 C211.208683,246.679687 229.275076,241.15794 243.817212,231.644681 C250.728173,227.123628 255.441499,222.839019 265.167458,212.919811 L265.501312,212.579321 C267.561111,210.478661 268.636053,209.389458 269.882343,208.148251 L272.704986,210.98245 C271.473253,212.20916 270.406519,213.290045 268.357381,215.379834 L268.02357,215.72028 C258.101872,225.839116 253.233892,230.264312 246.007006,234.992038 C230.82183,244.925965 211.996447,250.679687 194.412852,250.679687 C168.89777,250.679687 146.759649,243.69382 129.747255,230.556099 L129.658358,230.487449 L120.724894,221.828651 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="setTimeout" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="230" y="164">setTimeout</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="479" height="279" viewBox="0 0 479 279"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="eventLoop.svg"><path id="Rectangle-1-Copy-5" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M218 173h108v28H218z"/><text id="..." fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="258.9" y="189">...</tspan></text><path id="Rectangle-1-Copy-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M218 90h108v28H218z"/><path id="Rectangle-1-Copy-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M218 117h108v28H218z"/><text id="mousemove" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="233.7" y="136">mousemove</tspan></text><path id="Rectangle-1-Copy-9" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M218 145h108v28H218z"/><text id="script" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="246.8" y="109">script</tspan></text><text id="event-loop" fill="#000" font-family="OpenSans-Regular, Open Sans" font-size="24" font-weight="normal"><tspan x="69.662" y="134">event</tspan> <tspan x="75.615" y="167">loop</tspan></text><text id="macrotask-queue" fill="#9B9B9B" font-family="OpenSans-Regular, Open Sans" font-size="24" font-weight="normal"><tspan x="345.111" y="136">macrotask</tspan> <tspan x="367.951" y="169">queue</tspan></text><path id="Path" fill="#EE6B47" fill-rule="nonzero" d="M263.01 69.735l-4.583-14.61 3.817-1.197 7.933 25.287-25.73-6.351.959-3.884 14.865 3.67-8.892-8.357C234.508 51.213 213.806 44 192 44c-31.059 0-59.667 14.695-77.864 39.143l-3.208-2.388C129.87 55.303 159.664 40 192 40c22.734 0 44.327 7.535 61.907 21.191l.143.122 8.96 8.422z"/><path id="Path-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M120.725 221.829l4.358 14.678-3.834 1.139-7.544-25.407 25.63 6.747-1.019 3.868-14.807-3.898 8.771 8.502c16.274 12.532 37.517 19.222 62.133 19.222 16.796 0 34.862-5.522 49.404-15.035 6.911-4.521 11.624-8.806 21.35-18.725l.334-.34c2.06-2.101 3.135-3.19 4.381-4.432l2.823 2.834a488.86 488.86 0 00-4.348 4.398l-.333.34c-9.922 10.12-14.79 14.544-22.017 19.272-15.185 9.934-34.01 15.688-51.594 15.688-25.515 0-47.653-6.986-64.666-20.124l-.089-.069-8.933-8.658z"/><text id="setTimeout" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="230" y="164">setTimeout</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Before After
Before After