<p dir="auto">This covers most of map key image types and makes it possible to remove many external images.</p>
<p dir="auto">Before this there was only a <code class="notranslate">fill</code> attribute that created a <code class="notranslate"><rect ... fill="..."></code>.<br>
Now:</p>
<ul dir="auto">
<li><code class="notranslate">border</code> adds <code class="notranslate">stroke</code> to <code class="notranslate"><rect></code></li>
<li><code class="notranslate">casing</code> adds two lines above and below with <code class="notranslate">stroke</code></li>
<li><code class="notranslate">line</code> adds a horizontal line in the middle with <code class="notranslate">stroke</code></li>
<li>it's possible to add <code class="notranslate">-width</code>, <code class="notranslate">-dasharray</code> and <code class="notranslate">-dashoffset</code> suffixes to <code class="notranslate">border</code>/<code class="notranslate">casing</code>/<code class="notranslate">line</code> to get <code class="notranslate">stroke-width</code> etc</li>
</ul>
<hr>
<h4>You can view, comment on, or merge this pull request online at:</h4>
<p> <a href='https://github.com/openstreetmap/openstreetmap-website/pull/4431'>https://github.com/openstreetmap/openstreetmap-website/pull/4431</a></p>
<h4>Commit Summary</h4>
<ul>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/commits/03358459cbf86580d750de783fcd5855557eb5c6" class="commit-link">0335845</a> Add border/casing/line attribute support to svg map keys</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/commits/04dbc136f180ae5d2a603c08cde676e1740a768b" class="commit-link">04dbc13</a> Use border/casing/line in map keys</li>
</ul>
<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files">37 files</a>)</p>
<ul>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-78ecfa99c454c11680a298cc18f4111e7cbbcea67638d50796d8670dec59b1d0">app/assets/images/key/cyclemap/cycleway.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-1ec66aef5277d6dadcd9d772c7e39e850695dcf7c023942dc495ad499ae02ba1">app/assets/images/key/cyclemap/footway.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-ad896c8f633567dc7c4173f35fa03e820f68ca75b360436566f6979e04ff4fc1">app/assets/images/key/cyclemap/motorway12.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-381e4c7d767fca5aa6e84d551a896e5b0f7651585767fa380bc14d8603c42972">app/assets/images/key/cyclemap/pedestrian.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-dec9083341d0b534c801e64b07a8e25a9909f61c2916af062cf73fd33dcd50c1">app/assets/images/key/cyclemap/primary12.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-f039453e092ac95c92e881ef125f0c2d3f483c819fb821ef56beba1506f5bdfa">app/assets/images/key/cyclemap/rail.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-442eb8ab47d36dbc51c7d769b1d3a4a74093ba7628836dbada674ad2005a8062">app/assets/images/key/cyclemap/rail14.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-10c4d956c29b5333fdd46272b75dc3e997b6d354f34c410856559f34abbe30b1">app/assets/images/key/cyclemap/secondary12.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-229195542cbb4652536371033a870b66b2ff446d7b2859a6bead093d8e98171e">app/assets/images/key/cyclemap/track.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-2b2569e4cc39cf5c85c02ad0d43582d0314181989a3f13a5e915604f3d0e22b2">app/assets/images/key/cyclemap/trunk12.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-5a36a514dda7f3bc34e49372596203f5aa7e40b9da8d91f261439e5789062c24">app/assets/images/key/mapnik/bridge.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-72cef0406d9fdceb74eb08caadbfb14e48bd03690bc194dae2141c3f160ac87a">app/assets/images/key/mapnik/bridleway.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-23fc0794ee92a15d0d16bb2b74ccaa1f6d360fd297f85ef3abe53b9721c36ff0">app/assets/images/key/mapnik/building15.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-9bcaa46b49717a65e422ae2ad9078cd7ed61d263948f5cb1f0cd23e92fad4323">app/assets/images/key/mapnik/building16.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-49254baa730fceb702058a382ae25a6b015f1dc0f38e637405de37d9b8d4f480">app/assets/images/key/mapnik/cycleway.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-f8f4f39711ec3f03743380e5931c9e7a1c07650227d010a3e10f44b1e7f87022">app/assets/images/key/mapnik/footway.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-4b2c7e6b1bf0c16adce47099dafed6a430d1b1c7cff8dc06a3043058503348c8">app/assets/images/key/mapnik/glacier10.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-ab3836a830daa9862ab6857619fbdcbe4285b9ad9fbc2b783229c86fc16ffdcb">app/assets/images/key/mapnik/glacier5.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-0946a445024bf4e7e6ceb74243e1da3fbbc2dec25cc9b022c95c3f5a325db78a">app/assets/images/key/mapnik/motorway.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-5585ad12288d66f74cd0a60ce986f5691e028765697e2a557059c72490267fc5">app/assets/images/key/mapnik/rail12.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-b27d00504a418f71c1995cc3acb17fc975dd4dd010bf940753165fff00451174">app/assets/images/key/mapnik/rail18.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-ed95921a8fd2fa3df3376ad2d0532f4e75965b85ff7b34a4577ee8f99421f02b">app/assets/images/key/mapnik/track.png</a>
(0)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-890da19084eebe734b58d2e0fefb3af8d7e037b5c09bdb930ceeff77d1db4845">app/assets/images/key/mapnik/tram15.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-e590e2038d0d381f9aaa0328d3b505b5d75831db4e79aefcf0b62ffa6eef8681">app/assets/images/key/mapnik/tunnel.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-b57d9aa4c9313332bccd1673063d053abadd508d9aabfd3f27fe666b6d9e3660">app/assets/images/key/opnvkarte/main_road11.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-0e713a1c3ddb01fb5b9a1e4172e42ebedc9a9867d3f24dbec4f1d7dabe6dc142">app/assets/images/key/opnvkarte/main_road13.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-8da116b7cf5cb7fcfdd2c904dfaf604156278500aa5c01bbe791568502eed366">app/assets/images/key/opnvkarte/main_road15.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-f8a75c74f6bdbee76a0e74582cdb9d0838fbcdad9615bcee11abc8e2c98675e7">app/assets/images/key/opnvkarte/main_road17.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-14a0e0f061b5fb848ff2c2cedf140ca2f0579629dbf2da3f17d8b19ee73d5b5f">app/assets/images/key/opnvkarte/motorway13.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-d158ff7c968931cbf9c5d0a16d81e75f0bfe43851b5c70867dba9dba8fc19ac5">app/assets/images/key/opnvkarte/motorway15.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-31e5bf209c9fb581ace3ffa2b3bf05f724456bd4721a0d968e22076f6dcc8e07">app/assets/images/key/opnvkarte/motorway17.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-fdaad3fd49935e5b7f16f2ab0a5640d5d4b7ced269937f3fa3ffe36c580712b3">app/assets/images/key/opnvkarte/motorway8.svg</a>
(3)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-57419cae5a7a5cd5a96928a134e8dede920455560870106b7f42a67876ccd28b">app/assets/images/key/opnvkarte/rail11.svg</a>
(4)
</li>
<li>
<strong>D</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-46bc734f0c4fb7ff9e2e7a77b6db9a1b403c3c5fc46f1347514c224ac847ed16">app/assets/images/key/opnvkarte/rail15.svg</a>
(4)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-a7200a046015d139f9fe11372e33e7ba1a24250c7866568da5dc13db54f3e33f">app/helpers/svg_helper.rb</a>
(32)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-1ed86bfa2aa7755d8f1f78574beceeb01b246a86beed16f43eb4d286f35667a9">app/views/site/key.html.erb</a>
(6)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431/files#diff-8abf575bd6f979f2421ac257b066a1abb2e9162fdc0b0d3c8bd609f94059cab1">config/key.yml</a>
(78)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4431.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4431.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4431.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4431.diff</a></li>
</ul>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4431">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLNUTWPGI5RQKX6IJDTYK6SCPAVCNFSM6AAAAABBBHYAX2VHI2DSMVQWIX3LMV43ASLTON2WKOZSGA2TIOJXGY3DOMA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLLVTULE2CQUEQSYERDYK6SCPA5CNFSM6AAAAABBBHYAX2WGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHHU7DUTY.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4431</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4431",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4431",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>