blob: d72c369a8d3bd2dd4cdd5c776da409e34fff4ccf (
plain)
1
|
<svg viewBox="0 0 1149 662" xmlns="http://www.w3.org/2000/svg" font-size="13" font-family="Helvetica, system-ui, sans-serif" stroke-width="2"><path d="M717 33v570" stroke="#CCC"/><text fill="#AAA" font-weight="bold"><tspan x="681.4" y="10">Breakpoint:</tspan> <tspan x="703" y="29">1200</tspan></text><path d="M296 33v570" stroke="#CCC"/><text fill="#AAA" font-weight="bold"><tspan x="283" y="28">360</tspan></text><path d="M500 33v570" stroke="#CCC"/><text fill="#AAA" font-weight="bold"><tspan x="488" y="28">768</tspan></text><path d="M117 43v550" stroke="#000"/><path d="M117 593h1000" stroke="#000"/><text font-size="20"><tspan x="73" y="33">value (px)</tspan></text><text font-size="20"><tspan x="543.3" y="653">viewport width (px)</tspan></text><path d="M107 493h20" stroke="#000"/><text font-size="20"><tspan x="82" y="499">10</tspan></text><path d="M107 393h20" stroke="#000"/><text font-size="20"><tspan x="80" y="399">20</tspan></text><path d="M107 293h20" stroke="#000"/><text font-size="20"><tspan x="80" y="299">30</tspan></text><path d="M107 193h20" stroke="#000"/><text font-size="20"><tspan x="80" y="199">40</tspan></text><path d="M107 93h20" stroke="#000"/><text font-size="20"><tspan x="80" y="99">50</tspan></text><path d="M217 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="199" y="622">200</tspan></text><path d="M317 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="299" y="622">400</tspan></text><path d="M417 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="399" y="622">600</tspan></text><path d="M517 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="499" y="622">800</tspan></text><path d="M617 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="594" y="622">1000</tspan></text><path d="M717 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="694" y="622">1200</tspan></text><path d="M818 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="796" y="622">1400</tspan></text><path d="M917 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="894" y="622">1600</tspan></text><path d="M1017 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="994" y="622">1800</tspan></text><path d="M117 393h1010" stroke="#9633FF"/><text fill="#9633FF" font-weight="bold" transform="translate(0 -3)"><tspan x="1135" y="401">20</tspan></text><text fill="#9633FF" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="391">20</tspan></text><text fill="#9633FF" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="391">20</tspan></text><text fill="#9633FF" font-weight="bold"><tspan x="697" y="388">20</tspan></text><path d="M117 433h1010" stroke="#F36"/><text fill="#F36" font-weight="bold"><tspan x="1134" y="438">16</tspan></text><text fill="#AAA" font-weight="bold"><tspan x="2" y="396">Base value:</tspan></text><text fill="#F36" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="432">16</tspan></text><text fill="#F36" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="432">16</tspan></text><text fill="#F36" font-weight="bold" transform="translate(0 -3)"><tspan x="697" y="432">16</tspan></text><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="321">~27</tspan></text><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="472" y="260">~34</tspan></text><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="194">40</tspan></text><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="356">~24</tspan></text><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="326">~27</tspan></text><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="696" y="293">30</tspan></text><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="284">~31</tspan></text><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="191">~40</tspan></text><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="93">50</tspan></text><path d="M717 293h410" stroke="#28B3EE"/><path d="M117 383l600-90" stroke="#28B3EE"/><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="301">30</tspan></text><path d="M717 193h410" stroke="#83C14C"/><path d="M117 373l600-180" stroke="#83C14C"/><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="201">40</tspan></text><path d="M717 91h410" stroke="#313B45"/><path d="M117 363L717 91" stroke="#313B45"/><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="99">50</tspan></text></svg>
|
