Zurb Foundation 4 Snippets
A Textmate/Sublime Text 2 bundle for Zurb's Foundation framework.
Labels snippets
Details
Installs
- Total 6K
- Win 4K
- Mac 2K
- Linux 757
| Oct 25 | Oct 24 | Oct 23 | Oct 22 | Oct 21 | Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | Oct 6 | Oct 5 | Oct 4 | Oct 3 | Oct 2 | Oct 1 | Sep 30 | Sep 29 | Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | Sep 12 | Sep 11 | Sep 10 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 2 |
| Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
Textmate bundle for Zurb Foundation 4
A set of snippets for Zurb's awesome responsive HTML framework. Going to add more, but there are a few snippets at the moment to make your day a little better.
Installing
cd ~/Library/Application\ Support/TextMate/Bundles/
git clone git://github.com/liamr/Zurb-Foundation-Textmate-Bundle.git Zurb\ Foundation.tmbundle
Changelog
1.1
All snippets now have 'zf' prepended to avoid conflict with other installed Bundles. Updated documentation to reflect.
1.2
Updated to work with Foundation 4 - thanks to Kramsee
Layout & Grid
zfpage Creates a new Foundation HTML page
zfc Creates a Container
<div class="container" id="name">
(cursor)
</div>
zfr Creates a Row
<div class="row" id="name">
(cursor)
</div>
zfcr Creates a Container & Row
<div class="container" id="name">
<div class="row" id="name">
(cursor)
</div>
</div>
zfc1 - zfc12 Creates columns based on the number ie:
zfc6 creates
<div class="six columns" id="name">
(cursor)
</div>
zfcc Creates a basic column layout and lets you specify the number you want ie:
<div class="[one - twelve] column[s]" id="name">
(cursor)
</div>
zf2col,zf3col, zf4col create a 2, 3 or 4 column layout surrounded by a row and container:
<div class="container" id="#">
<div class="row" id="#">
<div class="six columns" id="#">
</div>
<div class="six columns" id="#">
</div>
</div>
</div>
Buttons
zfbtn Creates a basic button and lets you specify the options
<a href="#" class="[small, medium, large] [white, blue, red, black] button">(Cursor)</a>
zfnbtn Creates a nice button and lets you specify the options
<a href="#" class="nice radius [small, medium, large] [white, blue, red, black] button">(Cursor)</a>
Block Grids
zfblock2, zfblock3, zfblock4, zfblock5 create block grids that are 2, 3, 4 or 5 up:
<ul class="block-grid five-up">
<li></li>
</ul>
More coming soon
I want to add more as soon as possible, and also work this into a Sublime Text 2 bundle! If you have suggestions let me know!
Credit
Cheers to Fred Oliveira - https://github.com/fredoliveira/textmate-960gs/blob/master/README.markdown - based mine off his 960.gs