Skip to content

Instantly share code, notes, and snippets.

@mearleycf

mearleycf/1 column

Created December 14, 2011 15:38
Show Gist options
  • Save mearleycf/1477059 to your computer and use it in GitHub Desktop.
Save mearleycf/1477059 to your computer and use it in GitHub Desktop.
Download ZIP
Zurb::Foundation Column Snippets (Komodo)
Raw
1 column
<div class="[[%ask1:Number of Columns]] columns">
</div><!--[[%ask1]] columns-->
Raw
2 columns
<div class="[[%ask1:Number of Columns]] columns">
</div>
<div class="[[%ask2:Number of Columns]] columns">
</div><!--[[%ask1]] & [[%ask2]] columns-->
Raw
3 columns
<div class="[[%ask1:Number of Columns]] columns">
<p>one columns</p>
</div>
<div class="[[%ask2:Number of Columns]] columns">
<p>ten columns</p>
</div>
<div class="[[%ask3:Number of Columns]] columns">
<p>one Columns</p>
</div><!--[[%ask1]] & [[%ask2]] & [[%ask3]] columns-->
Raw
4 columns
<div class="[[%ask1:Number of Columns]] columns">
</div>
<div class="[[%ask2:Number of Columns]] columns">
</div>
<div class="[[%ask3:Number of Columns]] columns">
</div>
<div class="[[%ask4:Number of Columns]] columns">
</div><!--[[%ask1]] & [[%ask2]] & [[%ask3]] & [[%ask4]] columns-->
Raw
5 columns
<div class="[[%ask1:Number of Columns]] columns">
</div>
<div class="[[%ask2:Number of Columns]] columns">
</div>
<div class="[[%ask3:Number of Columns]] columns">
</div>
<div class="[[%ask4:Number of Columns]] columns">
</div>
<div class="[[%ask5:Number of Columns]] columns">
</div><!--[[%ask1]] & [[%ask2]] & [[%ask3]] & [[%ask4]] & [[%ask5]] columns-->
Raw
6 columns
<div class="[[%ask1:Number of Columns]] columns">
</div>
<div class="[[%ask2:Number of Columns]] columns">
</div>
<div class="[[%ask3:Number of Columns]] columns">
</div>
<div class="[[%ask4:Number of Columns]] columns">
</div>
<div class="[[%ask5:Number of Columns]] columns">
</div>
<div class="[[%ask6:Number of Columns]] columns">
</div><!--[[%ask1]] & [[%ask2]] & [[%ask3]] & [[%ask4]] & [[%ask5]] & [[%ask6]] columns-->
Raw
centered column
<div class="[[%ask1:Number of Columns]] columns centered">
</div><!--[[%ask1]] centered columns-->
Raw
offset columns
<div class="[[%ask:Number of Columns:Number]] columns offset-by-[[%ask2:Offset By]]">
</div><!--[[%ask1]] Column offset by [[%ask2]]-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment