Last Updated: February 25, 2016
·
3.234K
· grazerc0de

Foundation 5 Snippets for Sublime Text

As their new version of popular front-end framework Foundation, they've updated the classes for their new major updates.
A guy name JamesDullaghan has develop a snippets plugin for the popular editor Sublime Text. This is really helpful for web developr who develop websites with Foundation 5 css framework.


Instalation

cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages
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

  • Offcanvas
  • Topbar
  • Sidenav
  • Subnav
  • Breadcrumbs
  • Pagination
  • Orbit
  • Clearing
  • Buttons
  • Button Groups
  • Split Buttons
  • Dropdown Buttons
  • Reveal
  • Alerts
  • Panels
  • Pricing Tables
  • Progress Bars
  • Accordion
  • Tabs
  • Vertical Tabs

Example Usage:

zf-offcanvas + tab
zf-topbar + tab
zf-sidenav + tab
zf-subnav + tab
zf-breadcrumb + tab
zf-pagination + tab
zf-orbit + tab
zf-clearing + tab
zf-button + tab
zf-button-group + tab
zf-split-button + tab
zf-dropdown-button + tab
zf-reveal + tab
zf-alert + tab
zf-panel + tab
zf-pricing-table + tab
zf-progress-bar + tab
zf-accordion + tab
zf-tab + tab
zf-vertical-tab + tab

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