Picturefill Sublime Snippet

picturefill.sublime-snippet

<snippet>
  <content><![CDATA[
<span ${1:class="${2}"} data-picture data-alt="${3:Moar Internets!}">
    <span data-src="${4:file}${5:.jpg}"></span>
    <span data-src="${4:file}-x2${5:.jpg}" ${6:data-media="(${7:min-width}: ${8:400px})"}></span>
    <span data-src="${4:file}-x3${5:.jpg}" ${9:data-media="(${10:min-width}: ${11:800px})"}></span>
</span>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>pic</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>