Chalarangelo/30-seconds-of-code

View on GitHub
public/assets/illustrations/border-radius.svg

Summary

Maintainability
Test Coverage
<svg width="800" height="304" viewBox="0 0 800 304" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M315.818 43V19.7273H323.682C325.5 19.7273 326.992 20.0379 328.159 20.6591C329.326 21.2727 330.189 22.1174 330.75 23.1932C331.311 24.2689 331.591 25.4924 331.591 26.8636C331.591 28.2348 331.311 29.4508 330.75 30.5114C330.189 31.572 329.33 32.4053 328.17 33.0114C327.011 33.6098 325.53 33.9091 323.727 33.9091H317.364V31.3636H323.636C324.879 31.3636 325.879 31.1818 326.636 30.8182C327.402 30.4545 327.955 29.9394 328.295 29.2727C328.644 28.5985 328.818 27.7955 328.818 26.8636C328.818 25.9318 328.644 25.1174 328.295 24.4205C327.947 23.7235 327.39 23.1856 326.625 22.8068C325.86 22.4205 324.848 22.2273 323.591 22.2273H318.636V43H315.818ZM326.773 32.5455L332.5 43H329.227L323.591 32.5455H326.773ZM344.06 19.7273V43H341.241V22.6818H341.105L335.423 26.4545V23.5909L341.241 19.7273H344.06ZM366.616 38.9091V23.9091H369.162V38.9091H366.616ZM360.389 32.6818V30.1364H375.389V32.6818H360.389ZM397.438 43H390.256V19.7273H397.756C400.013 19.7273 401.945 20.1932 403.551 21.125C405.157 22.0492 406.388 23.3788 407.244 25.1136C408.1 26.8409 408.528 28.9091 408.528 31.3182C408.528 33.7424 408.097 35.8295 407.233 37.5795C406.369 39.322 405.112 40.6629 403.46 41.6023C401.809 42.5341 399.801 43 397.438 43ZM393.074 40.5H397.256C399.18 40.5 400.775 40.1288 402.04 39.3864C403.305 38.6439 404.248 37.5871 404.869 36.2159C405.491 34.8447 405.801 33.2121 405.801 31.3182C405.801 29.4394 405.494 27.822 404.881 26.4659C404.267 25.1023 403.35 24.0568 402.131 23.3295C400.911 22.5947 399.392 22.2273 397.574 22.2273H393.074V40.5ZM422.983 29.2273V26.7727H436.983V29.2273H422.983ZM422.983 35.9545V33.5H436.983V35.9545H422.983ZM452.349 43V19.7273H460.213C462.031 19.7273 463.524 20.0379 464.69 20.6591C465.857 21.2727 466.721 22.1174 467.281 23.1932C467.842 24.2689 468.122 25.4924 468.122 26.8636C468.122 28.2348 467.842 29.4508 467.281 30.5114C466.721 31.572 465.861 32.4053 464.702 33.0114C463.543 33.6098 462.062 33.9091 460.259 33.9091H453.895V31.3636H460.168C461.41 31.3636 462.41 31.1818 463.168 30.8182C463.933 30.4545 464.486 29.9394 464.827 29.2727C465.175 28.5985 465.349 27.7955 465.349 26.8636C465.349 25.9318 465.175 25.1174 464.827 24.4205C464.478 23.7235 463.921 23.1856 463.156 22.8068C462.391 22.4205 461.38 22.2273 460.122 22.2273H455.168V43H452.349ZM463.304 32.5455L469.031 43H465.759L460.122 32.5455H463.304ZM472.409 43V40.9545L480.091 32.5455C480.992 31.5606 481.735 30.7045 482.318 29.9773C482.902 29.2424 483.333 28.553 483.614 27.9091C483.902 27.2576 484.045 26.5758 484.045 25.8636C484.045 25.0455 483.848 24.3371 483.455 23.7386C483.068 23.1402 482.538 22.678 481.864 22.3523C481.189 22.0265 480.432 21.8636 479.591 21.8636C478.697 21.8636 477.917 22.0492 477.25 22.4205C476.591 22.7841 476.08 23.2955 475.716 23.9545C475.36 24.6136 475.182 25.3864 475.182 26.2727H472.5C472.5 24.9091 472.814 23.7121 473.443 22.6818C474.072 21.6515 474.928 20.8485 476.011 20.2727C477.102 19.697 478.326 19.4091 479.682 19.4091C481.045 19.4091 482.254 19.697 483.307 20.2727C484.36 20.8485 485.186 21.625 485.784 22.6023C486.383 23.5795 486.682 24.6667 486.682 25.8636C486.682 26.7197 486.527 27.5568 486.216 28.375C485.913 29.1856 485.383 30.0909 484.625 31.0909C483.875 32.0833 482.833 33.2955 481.5 34.7273L476.273 40.3182V40.5H487.091V43H472.409Z" fill="#E3E3E8"/>
<path d="M293.5 200H288.114V182.545H293.739C295.432 182.545 296.881 182.895 298.085 183.594C299.29 184.287 300.213 185.284 300.855 186.585C301.497 187.881 301.818 189.432 301.818 191.239C301.818 193.057 301.494 194.622 300.847 195.935C300.199 197.241 299.256 198.247 298.017 198.952C296.778 199.651 295.273 200 293.5 200ZM290.227 198.125H293.364C294.807 198.125 296.003 197.847 296.952 197.29C297.901 196.733 298.608 195.94 299.074 194.912C299.54 193.884 299.773 192.659 299.773 191.239C299.773 189.83 299.543 188.616 299.082 187.599C298.622 186.577 297.935 185.793 297.02 185.247C296.105 184.696 294.966 184.42 293.602 184.42H290.227V198.125Z" fill="#5394FD"/>
<path d="M185.114 156V138.545H191.011C192.375 138.545 193.494 138.778 194.369 139.244C195.244 139.705 195.892 140.338 196.312 141.145C196.733 141.952 196.943 142.869 196.943 143.898C196.943 144.926 196.733 145.838 196.312 146.634C195.892 147.429 195.247 148.054 194.378 148.509C193.509 148.957 192.398 149.182 191.045 149.182H186.273V147.273H190.977C191.909 147.273 192.659 147.136 193.227 146.864C193.801 146.591 194.216 146.205 194.472 145.705C194.733 145.199 194.864 144.597 194.864 143.898C194.864 143.199 194.733 142.588 194.472 142.065C194.21 141.543 193.793 141.139 193.219 140.855C192.645 140.565 191.886 140.42 190.943 140.42H187.227V156H185.114ZM193.33 148.159L197.625 156H195.17L190.943 148.159H193.33ZM206.295 138.545V156H204.181V140.761H204.079L199.817 143.591V141.443L204.181 138.545H206.295Z" fill="#F47066"/>
<path d="M130.114 95V77.5455H136.011C137.375 77.5455 138.494 77.7784 139.369 78.2443C140.244 78.7045 140.892 79.3381 141.312 80.1449C141.733 80.9517 141.943 81.8693 141.943 82.8977C141.943 83.9261 141.733 84.8381 141.312 85.6335C140.892 86.429 140.247 87.054 139.378 87.5085C138.509 87.9574 137.398 88.1818 136.045 88.1818H131.273V86.2727H135.977C136.909 86.2727 137.659 86.1364 138.227 85.8636C138.801 85.5909 139.216 85.2045 139.472 84.7045C139.733 84.1989 139.864 83.5966 139.864 82.8977C139.864 82.1989 139.733 81.5881 139.472 81.0653C139.21 80.5426 138.793 80.1392 138.219 79.8551C137.645 79.5653 136.886 79.4205 135.943 79.4205H132.227V95H130.114ZM138.33 87.1591L142.625 95H140.17L135.943 87.1591H138.33ZM145.158 95V93.4659L150.92 87.1591C151.596 86.4205 152.153 85.7784 152.59 85.233C153.028 84.6818 153.352 84.1648 153.562 83.6818C153.778 83.1932 153.886 82.6818 153.886 82.1477C153.886 81.5341 153.738 81.0028 153.442 80.554C153.153 80.1051 152.755 79.7585 152.249 79.5142C151.744 79.2699 151.175 79.1477 150.545 79.1477C149.874 79.1477 149.289 79.2869 148.789 79.5653C148.295 79.8381 147.911 80.2216 147.638 80.7159C147.371 81.2102 147.238 81.7898 147.238 82.4545H145.227C145.227 81.4318 145.462 80.5341 145.934 79.7614C146.406 78.9886 147.048 78.3864 147.86 77.9545C148.678 77.5227 149.596 77.3068 150.613 77.3068C151.636 77.3068 152.542 77.5227 153.332 77.9545C154.121 78.3864 154.741 78.9687 155.19 79.7017C155.638 80.4347 155.863 81.25 155.863 82.1477C155.863 82.7898 155.746 83.4176 155.513 84.0312C155.286 84.6392 154.888 85.3182 154.32 86.0682C153.758 86.8125 152.977 87.7216 151.977 88.7955L148.056 92.9886V93.125H156.17V95H145.158Z" fill="#7EE787"/>
<rect x="172" y="122" width="140" height="140" rx="28" stroke="#E3E3E8" stroke-width="2"/>
<path d="M171 150C171 133.984 183.984 121 200 121V123C185.088 123 173 135.088 173 150H171Z" fill="#F47066"/>
<rect x="142" y="92" width="200" height="200" rx="56" stroke="#E3E3E8" stroke-width="2"/>
<path d="M141 148C141 116.52 166.52 91 198 91V93C167.624 93 143 117.624 143 148H141Z" fill="#7EE787"/>
<line x1="313" y1="193" x2="341" y2="193" stroke="#5394FD" stroke-width="2"/>
<line x1="490.195" y1="107.781" x2="511.219" y2="128.805" stroke="#5394FD" stroke-width="2"/>
<rect x="502" y="122" width="140" height="140" rx="28" stroke="#F47066" stroke-width="2"/>
<rect x="472" y="92" width="200" height="200" rx="56" stroke="#7EE787" stroke-width="2"/>
<line x1="473" y1="192" x2="501" y2="192" stroke="#5394FD" stroke-width="2"/>
<line x1="572" y1="121" x2="572" y2="93" stroke="#5394FD" stroke-width="2"/>
</svg>