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 into Sublime Text 2 packages folder
- Clone or download the latest zip from Jame's github repository
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
Written by Widy Graycloud
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Sublime text
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#