Skip to content

Instantly share code, notes, and snippets.

@aral
Created December 6, 2013 20:39
Show Gist options
  • Save aral/7831716 to your computer and use it in GitHub Desktop.
Save aral/7831716 to your computer and use it in GitHub Desktop.
The masks (as exported from Sketch) fail in Firefox.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="201px" height="380px" viewBox="0 0 201 380" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>indie-phone</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<path id="path-1" d="M-0.0291227715,378.94101 L199.872751,378.94101 L199.872751,22.9301112 C199.872751,22.9301112 202.32539,-0.0621634455 177.819211,-0.0621619269 C153.313032,-0.0621604084 18.8468331,-0.0621619269 18.8468331,-0.0621619269 C18.8468331,-0.0621619269 0.105729108,0.487780835 0.105728323,20.1962832 C0.105727868,39.9047856 -0.0291227715,378.94101 -0.0291227715,378.94101 Z"></path>
<mask id="mask-2" sketch:name="Path 1" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)">
<use id="Path-1" fill="#D8D8D8" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
<rect id="Rectangle-30-copy-6" fill="#D8D8D8" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="0" y="284" width="201" height="95"></rect>
<rect id="Rectangle-52-copy-4" fill="#9B9B9B" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="-1" y="329" width="202" height="52"></rect>
<rect id="Rectangle-52-copy-5" stroke="#979797" fill="#9B9B9B" sketch:type="MSShapeGroup" mask="url(#mask-2)" x="-1" y="41" width="201" height="3"></rect>
<ellipse id="Oval-1" fill="#9B9B9B" sketch:type="MSShapeGroup" mask="url(#mask-2)" cx="96.6774716" cy="20.5413453" rx="9.15721232" ry="9.17459297"></ellipse>
<ellipse id="Oval-1-copy" fill="#9B9B9B" sketch:type="MSShapeGroup" mask="url(#mask-2)" cx="110.210697" cy="21.1096829" rx="3.24149109" ry="3.24764353"></ellipse>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment