zurb / foundation-5-sublime-snippets

ZURB Foundation 5 Sublime Text 2 Snippets

ZURB Foundation 5 Sublime Text Snippets

Installation on Sublime Text 2 and Sublime Text 3

Mac/Linux Instructions

1. CD into Sublime Text packages folder

   cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages

or

`cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages`

2. Clone repository into packages folder

git clone https://github.com/zurb/foundation-5-sublime-snippets.git

Windows Instructions

cd "%AppData%\Sublime Text 3\Packages\User" git clone https://github.com/zurb/foundation-5-sublime-snippets.git

• Each snippet is prefixed with zf- (ZURB Foundation).
• Each snippet is singular, unless the name of the component ends in an s (offcanvas)
• Available classes are included as comments in the snippets

Available Components

Component	Usage
Offcanvas	zf-offcanvas + tab
Topbar	zf-topbar + tab
Sidenav	zf-sidenav + tab
Subnav	zf-subnav + tab
Breadcrumbs	zf-breadcrumb + tab
Pagination	zf-pagination + tab
Orbit	zf-orbit + tab
Clearing	zf-clearing + tab
Buttons	zf-button + tab
Button Groups	zf-button-group + tab
Split Buttons	zf-split-button + tab
Dropdown Buttons	zf-dropdown-button + tab
Reveal	zf-reveal + tab
Alerts	zf-alert + tab
Panels	zf-panel + tab
Pricing Tables	zf-pricing-table + tab
Progress Bars	zf-progress-bar + tab
Accordion	zf-accordion + tab
Tabs	zf-tab + tab
Vertical Tabs	zf-vertical-tab + tab
Horizontal Iconbar	zf-iconbar-horizontal + tab
Vertical Iconbar	zf-iconbar-vertical + tab
Flex Video	zf-video + tab

Contributing

1. Fork it.
2. Create your feature branch (git checkout -b my-new-feature).
3. Test your changes to the best of your ability.
4. Update the documentation to reflect your changes if they add or changes current functionality.
5. Commit your changes (git commit -am 'Added some feature').
6. Push to the branch (git push origin my-new-feature).
7. Create a new pull request.

foundation-5-sublime-snippets's Issues

Correction to Reveal tag

Incorrect:
div id="myModal" data-reveal-modal

Correct:
div id="myModal" class="reveal-modal" data-reveal

Sublime Text 3

Please support Sublime Text 3 when you can :)

data-offcanvas

The topic says it all. The offcanvas wrapping top cllass misses the data-offcanvas attribute.

Package doesn't seem to be working

I installed exactly the way it's mentioned in instructions. It's in my package folder and I could see all the snippets, but I am unable to use them in Sublime text. When I type the shortcuts, nothing happens. No suggestion box, no full expansion when I hit tab.

I have sublime text 3 working on Max OS X Mavericks.

Submit to Package Control

Added to Package Control?

Any chance this will be added to the Package Control (https://sublime.wbond.net/)? Way faster install and updating for most people

Topbar dropdowns not working when using zf-topbar snippet

zf-topbar outputs first line with data attribute "data-top-bar" instead of "data-topbar" causing dropdowns to not work.

Unable to access snippets in Sublime Text 3

I have followed the installation instructions for Mac but none of the snippets are showing up. The package shows up in my package list. I have tried restarting the app and I've set the syntax of the open file to SCSS.

Windows Instructions

Hi Guys,

The Windows Instructions:
cd "%AppData%\Sublime Text 3\Packages\User" git clone https://github.com/zurb/foundation-5-sublime-snippets.git

Should change to:

For CMD prompt
cd "%AppData%\Roaming\Sublime Text 3\Packages\User" git clone https://github.com/zurb/foundation-5-sublime-snippets.git

For PowerShell
cd "$env:appdata\Sublime Text 3\Packages\User" git clone https://github.com/zurb/foundation-5-sublime-snippets.git