jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Embed font to SVG

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

42
2-ui/4-forms-controls/1-form-elements/form-navigation.svg
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>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Before After
Before After