zurb · Gufran · Jan 13, 2014
diff --git a/Snippets/Sublime Snippets/Snippet.accordion.sublime-snippet b/Snippets/Sublime Snippets/Snippet.accordion.sublime-snippet
@@ -2,21 +2,21 @@
   <content><![CDATA[
 <dl class="accordion" data-accordion>
   <dd>
-    <a href="#panel1">Accordion 1</a>
-    <div id="panel1" class="content active">
-      Panel 1 Content
+    <a href="#${1:panel1}">${2:Accordion 1}</a>
+    <div id="${1:panel1}" class="content active">
+      ${7:Panel 1 Content}
     </div>
   </dd>
   <dd>
-    <a href="#panel2">Accordion 2</a>
-    <div id="panel2" class="content">
-      Panel 2 Content
+    <a href="#${3:panel2}">${4:Accordion 2}</a>
+    <div id="${3:panel2}" class="content">
+      ${8:Panel 2 Content}
     </div>
   </dd>
   <dd>
-    <a href="#panel3">Accordion 3</a>
-    <div id="panel3" class="content">
-      Panel 3 Content
+    <a href="#${5:panel3}">${6:Accordion 3}</a>
+    <div id="${5:panel3}" class="content">
+      ${9:Panel 3 Content}
     </div>
   </dd>
 </dl>

diff --git a/Snippets/Sublime Snippets/Snippet.breadcrumb.sublime-snippet b/Snippets/Sublime Snippets/Snippet.breadcrumb.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
   <content><![CDATA[
 <ul class="breadcrumbs">
-  <li><a href="#">Home</a></li>
-  <li><a href="#">Features</a></li>
-  <li class="unavailable"><a href="#">Gene Splicing</a></li>
-  <li class="current"><a href="#">Cloning</a></li>
+  <li><a href="${1:#}">${2:Home}</a></li>
+  <li><a href="${3:#}">${4:Features}</a></li>
+  <li class="unavailable"><a href="${5:#}">${6:Gene Splicing}</a></li>
+  <li class="current"><a href="${7:#}">${8:Cloning}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.button-bar.sublime-snippet b/Snippets/Sublime Snippets/Snippet.button-bar.sublime-snippet
@@ -2,14 +2,14 @@
   <content><![CDATA[
 <div class="button-bar">
   <ul class="button-group">
-    <li><a href="#" class="button">Button 1</a></li>
-    <li><a href="#" class="button">Button 2</a></li>
-    <li><a href="#" class="button">Button 3</a></li>
+    <li><a href="${1:#}" class="button">${2:Button 1}</a></li>
+    <li><a href="${3:#}" class="button">${4:Button 2}</a></li>
+    <li><a href="${5:#}" class="button">${6:Button 3}</a></li>
   </ul>
   <ul class="button-group">
-    <li><a href="#" class="button">Button 1</a></li>
-    <li><a href="#" class="button">Button 2</a></li>
-    <li><a href="#" class="button">Button 3</a></li>
+    <li><a href="${7:#}" class="button">${8:Button 1}</a></li>
+    <li><a href="${9:#}" class="button">${10:Button 2}</a></li>
+    <li><a href="${11:#}" class="button">${12:Button 3}</a></li>
   </ul>
 </div>
 ]]></content>

diff --git a/Snippets/Sublime Snippets/Snippet.button-group.sublime-snippet b/Snippets/Sublime Snippets/Snippet.button-group.sublime-snippet
@@ -4,9 +4,9 @@
 <ul class="button-group">
   <!-- Button Color Classes: [secondary alert success] -->
   <!-- Button Size Classes: [tiny small large] -->
-  <li><a href="#" class="button">Button 1</a></li>
-  <li><a href="#" class="button">Button 2</a></li>
-  <li><a href="#" class="button">Button 3</a></li>
+  <li><a href="${1:#}" class="${2:button}">${3:Button 1}</a></li>
+  <li><a href="${4:#}" class="${5:button}">${6:Button 2}</a></li>
+  <li><a href="${7:#}" class="${8:button}">${9:Button 3}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.button.sublime-snippet b/Snippets/Sublime Snippets/Snippet.button.sublime-snippet
@@ -4,7 +4,7 @@
 <!-- Radius Classes: [radius round] -->
 <!-- Color Classes: [secondary success alert] -->
 <!-- Disabled Class: disabled -->
-<a href="#" class="button">Default Button</a>
+<a href="${1:#}" class="${2:button}">${3:Default Button}</a>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
   <tabTrigger>zf-button</tabTrigger>

diff --git a/Snippets/Sublime Snippets/Snippet.clearing.sublime-snippet b/Snippets/Sublime Snippets/Snippet.clearing.sublime-snippet
@@ -1,9 +1,9 @@
 <snippet>
   <content><![CDATA[
 <ul class="clearing-thumbs" data-clearing>
-  <li><a href="path/to/your/img"><img src="path/to/your/img-th"></a></li>
-  <li><a href="path/to/your/img"><img src="path/to/your/img-th"></a></li>
-  <li><a href="path/to/your/img"><img src="path/to/your/img-th"></a></li>
+  <li><a href="${1:path/to/your/img}"><img src="${2:path/to/your/img-th}"></a></li>
+  <li><a href="${3:path/to/your/img}"><img src="${4:path/to/your/img-th}"></a></li>
+  <li><a href="${5:path/to/your/img}"><img src="${6:path/to/your/img-th}"></a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.dropdown-button.sublime-snippet b/Snippets/Sublime Snippets/Snippet.dropdown-button.sublime-snippet
@@ -3,11 +3,11 @@
 <!-- Size Classes: [tiny small medium large] -->
 <!-- Color Classes: [secondary alert success] -->
 <!-- Radius Classes: [radius round] -->
-<a href="#" data-dropdown="drop" class="button dropdown">Dropdown Button</a><br>
-<ul id="drop" data-dropdown-content class="f-dropdown">
-  <li><a href="#">This is a link</a></li>
-  <li><a href="#">This is another</a></li>
-  <li><a href="#">Yet another</a></li>
+<a href="#" data-dropdown="${1:drop}" class="${2:button dropdown}">${3:Dropdown Button}</a><br>
+<ul id="${1:drop}" data-dropdown-content class="f-dropdown">
+  <li><a href="${4:#}">${5:This is a link}</a></li>
+  <li><a href="${6:#}">${7:This is another}</a></li>
+  <li><a href="${8:#}">${9:Yet another}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.full-grid.sublime-snippet b/Snippets/Sublime Snippets/Snippet.full-grid.sublime-snippet
@@ -1,7 +1,7 @@
 <snippet>
   <content><![CDATA[
 <div class="row">
-  <div class="small-12 medium-12 large-12 columns"></div>
+  <div class="small-${1:12} medium-${2:12} large-${3:12} columns">$4</div>
 </div>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.half-grid.sublime-snippet b/Snippets/Sublime Snippets/Snippet.half-grid.sublime-snippet
@@ -1,8 +1,8 @@
 <snippet>
   <content><![CDATA[
 <div class="row">
-  <div class="small-6 medium-6 large-6 columns"></div>
-  <div class="small-6 medium-6 large-6 columns"></div>
+  <div class="small-${1:6} medium-${2:6} large-${3:6} columns">$4</div>
+  <div class="small-${5:6} medium-${6:6} large-${7:6} columns">$8</div>
 </div>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.offcanvas.sublime-snippet b/Snippets/Sublime Snippets/Snippet.offcanvas.sublime-snippet
@@ -5,26 +5,25 @@
     <nav class="tab-bar">
 
       <section class="left-small">
-        <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
+        <a class="left-off-canvas-toggle menu-icon"><span>$1</span></a>
       </section>
 
       <section class="right tab-bar-section">
-        <h1 class="title">Foundation</h1>
+        <h1 class="title">${2:Foundation}</h1>
       </section>
 
     </nav>
 
     <!-- Off Canvas Menu -->
     <aside class="left-off-canvas-menu">
       <ul class="off-canvas-list">
-        <li><label>Foundation</label></li>
-        <li><a href="#">The Psychohistorians</a></li>
-        ...
+        <li><label>${3:Foundation}</label></li>
+        <li><a href="${4:#}">${5:The Psychohistorians}</a></li>
       </ul>
     </aside>
 
     <section class="main-section">
-      <!-- content goes in here -->
+      ${6:Awesome content here}
     </section>
 
   <!-- close the off-canvas menu -->

diff --git a/Snippets/Sublime Snippets/Snippet.orbit-content.sublime-snippet b/Snippets/Sublime Snippets/Snippet.orbit-content.sublime-snippet
@@ -1,22 +1,22 @@
 <snippet>
   <content><![CDATA[
 <ul class="example-orbit-content" data-orbit>
-  <li data-orbit-slide="headline-1">
+  <li data-orbit-slide="${1:headline-1}">
     <div>
-      <h2>Headline 1</h2>
-      <h3>Subheadline</h3>
+      <h2>${2:Headline 1}</h2>
+      <h3>${3:Subheadline}</h3>
     </div>
   </li>
-  <li data-orbit-slide="headline-2">
+  <li data-orbit-slide="${4:headline-2}">
     <div>
-      <h2>Headline 2</h2>
-      <h3>Subheadline</h3>
+      <h2>${5:Headline 2}</h2>
+      <h3>${6:Subheadline}</h3>
     </div>
   </li>
-  <li data-orbit-slide="headline-3">
+  <li data-orbit-slide="${7:headline-3}">
     <div>
-      <h2>Headline 3</h2>
-      <h3>Subheadline</h3>
+      <h2>${8:Headline 3}</h2>
+      <h3>${9:Subheadline}</h3>
     </div>
   </li>
 </ul>

diff --git a/Snippets/Sublime Snippets/Snippet.orbit.sublime-snippet b/Snippets/Sublime Snippets/Snippet.orbit.sublime-snippet
@@ -2,21 +2,21 @@
   <content><![CDATA[
 <ul class="example-orbit" data-orbit>
   <li>
-    <img src="http://placehold.it/1000x300/A92B48/fff" alt="slide 1" />
+    <img src="${1:http://placehold.it/1000x300/A92B48/fff}" alt="${2:slide 1}" />
     <div class="orbit-caption">
-      Caption One.
+      ${3:Caption One.}
     </div>
   </li>
   <li>
-    <img src="http://placehold.it/1000x300/EE964D/fff" alt="slide 2" />
+    <img src="${4:http://placehold.it/1000x300/EE964D/fff}" alt="${5:slide 2}" />
     <div class="orbit-caption">
-      Caption Two.
+      ${6:Caption Two.}
     </div>
   </li>
   <li>
-    <img src="http://placehold.it/1000x300/FDC43D/fff" alt="slide 3" />
+    <img src="${7:http://placehold.it/1000x300/FDC43D/fff}" alt="${8:slide 3}" />
     <div class="orbit-caption">
-      Caption Three.
+      ${9:Caption Three.}
     </div>
   </li>
 </ul>

diff --git a/Snippets/Sublime Snippets/Snippet.pagination.sublime-snippet b/Snippets/Sublime Snippets/Snippet.pagination.sublime-snippet
@@ -1,15 +1,15 @@
 <snippet>
   <content><![CDATA[
 <ul class="pagination">
-  <li class="arrow unavailable"><a href="">&laquo;</a></li>
-  <li class="current"><a href="">1</a></li>
-  <li><a href="">2</a></li>
-  <li><a href="">3</a></li>
-  <li><a href="">4</a></li>
-  <li class="unavailable"><a href="">&hellip;</a></li>
-  <li><a href="">12</a></li>
-  <li><a href="">13</a></li>
-  <li class="arrow"><a href="">&raquo;</a></li>
+  <li class="arrow unavailable"><a href="${1:#}">${2:&laquo;}</a></li>
+  <li class="current"><a href="${2:#}">${3:1}</a></li>
+  <li><a href="${4:#}">${5:2}</a></li>
+  <li><a href="${6:#}">${7:3}</a></li>
+  <li><a href="${8:#}">${9:4}</a></li>
+  <li class="unavailable"><a href="#">&hellip;</a></li>
+  <li><a href="${10:#}">${11:12}</a></li>
+  <li><a href="${12:#}">${13:13}</a></li>
+  <li class="arrow"><a href="${14:#}">${15:&raquo;}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.panel.sublime-snippet b/Snippets/Sublime Snippets/Snippet.panel.sublime-snippet
@@ -1,9 +1,9 @@
 <snippet>
   <content><![CDATA[
     <!-- Optional Classes: [callout radius] -->
-<div class="panel">
-  <h5>This is a callout panel.</h5>
-  <p>It's a little ostentatious, but useful for important content.</p>
+<div class="${1:panel}">
+  <h5>${2:This is a callout panel.}</h5>
+  <p>${3:It's a little ostentatious, but useful for important content.}</p>
 </div>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.pricing-table.sublime-snippet b/Snippets/Sublime Snippets/Snippet.pricing-table.sublime-snippet
@@ -1,13 +1,13 @@
 <snippet>
   <content><![CDATA[
 <ul class="pricing-table">
-  <li class="title">Standard</li>
-  <li class="price">$99.99</li>
-  <li class="description">An awesome description</li>
-  <li class="bullet-item">1 Database</li>
-  <li class="bullet-item">5GB Storage</li>
-  <li class="bullet-item">20 Users</li>
-  <li class="cta-button"><a class="button" href="#">Buy Now</a></li>
+  <li class="title">${1:Standard}</li>
+  <li class="price">${2:\$99.99}</li>
+  <li class="description">${3:An awesome description}</li>
+  <li class="bullet-item">${4:1 Database}</li>
+  <li class="bullet-item">${5:5GB Storage}</li>
+  <li class="bullet-item">${5:20 Users}</li>
+  <li class="cta-button"><a class="button" href="${6:#}">${7:Buy Now}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.progress-bar.sublime-snippet b/Snippets/Sublime Snippets/Snippet.progress-bar.sublime-snippet
@@ -4,8 +4,8 @@
 <!-- Color Classes: [secondary alert success] -->
 <!-- Radius Classes: [radius round] -->
 <!-- Progress Width Classes: [1 - 100] -->
-<div class="progress">
-  <span class="meter" style="width: 100%"></span>
+<div class="${1:progress}">
+  <span class="${2:meter}" style="width: ${3:100}%"></span>
 </div>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.quarter-grid.sublime-snippet b/Snippets/Sublime Snippets/Snippet.quarter-grid.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
   <content><![CDATA[
 <div class="row">
-  <div class="small-3 medium-3 large-3 columns"></div>
-  <div class="small-3 medium-3 large-3 columns"></div>
-  <div class="small-3 medium-3 large-3 columns"></div>
-  <div class="small-3 medium-3 large-3 columns"></div>
+  <div class="small-${1:3} medium-${2:3} large-${3:3} columns">$13</div>
+  <div class="small-${4:3} medium-${5:3} large-${6:3} columns">$14</div>
+  <div class="small-${7:3} medium-${8:3} large-${9:3} columns">$15</div>
+  <div class="small-${10:3} medium-${11:3} large-${12:3} columns">$16</div>
 </div>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.reveal.sublime-snippet b/Snippets/Sublime Snippets/Snippet.reveal.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
   <content><![CDATA[
 <!-- Size Classes: [small medium large xlarge expand] -->
-<div id="myModal" class="reveal-modal" data-reveal>
-  <h2>Awesome. I have it.</h2>
-  <p class="lead">Your couch.  It is mine.</p>
-  <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
+<div id="myModal" class="reveal-modal$1" data-reveal>
+  <h2>${2:Awesome. I have it.}</h2>
+  <p class="lead">${3:Your couch.  It is mine.}</p>
+  <p>${4:Im a cool paragraph that lives inside of an even cooler modal. Wins}</p>
   <a class="close-reveal-modal">&#215;</a>
 </div>
 ]]></content>

diff --git a/Snippets/Sublime Snippets/Snippet.sidenav.sublime-snippet b/Snippets/Sublime Snippets/Snippet.sidenav.sublime-snippet
@@ -1,11 +1,11 @@
 <snippet>
   <content><![CDATA[
 <ul class="side-nav">
-  <li class="active"><a href="#">Link 1</a></li>
-  <li><a href="#">Link 2</a></li>
+  <li class="active"><a href="${1:#}">${2:Link 1}</a></li>
+  <li><a href="${3:#}">${4:Link 2}</a></li>
   <li class="divider"></li>
-  <li><a href="#">Link 3</a></li>
-  <li><a href="#">Link 4</a></li>
+  <li><a href="${5:#}">${6:Link 3}</a></li>
+  <li><a href="${7:#}">${8:Link 4}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.split-button.sublime-snippet b/Snippets/Sublime Snippets/Snippet.split-button.sublime-snippet
@@ -3,11 +3,11 @@
     <!-- Size Classes: [tiny small medium large] -->
     <!-- Color Classes: [secondary alert success] -->
     <!-- Radius Classes: [radius round] -->
-<a href="#" class="button split">Split Button <span data-dropdown="drop"></span></a><br>
-<ul id="drop" class="f-dropdown" data-dropdown-content>
-  <li><a href="#">This is a link</a></li>
-  <li><a href="#">This is another</a></li>
-  <li><a href="#">Yet another</a></li>
+<a href="${1:#}" class="button split$2">${3:Split Button} <span data-dropdown="${4:drop}"></span></a><br>
+<ul id="${4:drop}" class="f-dropdown" data-dropdown-content>
+  <li><a href="${5:#}">${6:This is a link}</a></li>
+  <li><a href="${7:#}">${8:This is another}</a></li>
+  <li><a href="${9:#}">${10:Yet another}</a></li>
 </ul>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

diff --git a/Snippets/Sublime Snippets/Snippet.subnav.sublime-snippet b/Snippets/Sublime Snippets/Snippet.subnav.sublime-snippet
@@ -1,11 +1,11 @@
 <snippet>
   <content><![CDATA[
 <dl class="sub-nav">
-  <dt>Filter:</dt>
-  <dd class="active"><a href="#">All</a></dd>
-  <dd><a href="#">Active</a></dd>
-  <dd><a href="#">Pending</a></dd>
-  <dd><a href="#">Suspended</a></dd>
+  <dt>${1:Filter:}</dt>
+  <dd class="active"><a href="${2:#}">${3:All}</a></dd>
+  <dd><a href="${4:#}">${5:Active}</a></dd>
+  <dd><a href="${6:#}">${7:Pending}</a></dd>
+  <dd><a href="${8:#}">${9:Suspended}</a></dd>
 </dl>
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->