Skip to content

Instantly share code, notes, and snippets.

@DmitryBaranovskiy
Forked from pepelsbey/grid.svg
Created December 14, 2012 01:27
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save DmitryBaranovskiy/4281741 to your computer and use it in GitHub Desktop.
Save DmitryBaranovskiy/4281741 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="640">
<defs>
<style>
svg {
background:#0175A7;
}
.square {
stroke:#99C8DC;
stroke-width:1;
}
.stroke {
stroke:#3491B9;
fill: none;
}
</style>
<pattern id="small-grid" patternUnits="userSpaceOnUse" x="0" y="0" width="18" height="18" viewBox="0 0 18 18">
<rect x="-0.5" y="-0.5" width="18" height="18" class="stroke"/>
</pattern>
<pattern id="big-grid" patternUnits="userSpaceOnUse" x="0" y="0" width="126" height="126" viewBox="0 0 126 126">
<rect x="-0.5" y="-0.5" width="126" height="126" class="square" fill="url(#small-grid)"/>
</pattern>
</defs>
<rect x="-0.5" y="-0.5" width="1008" height="630" fill="url(#big-grid)"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment