atom-foundation5-snippets

Foundation 5 snippets for Atom

Getting Started

Install the module with: apm install foundation5-snippets

Documentation: Zurb Foundation 5

Available Components

##Remember Tip's!

all component's trigger is basically composed

from zf= zurb foundation + the firts three letters from component

Ex for Dropdown Buttons =

zf+dro+but = **zfdrobut**

Components	Trigger	Javascript
Icon Font 3	icon-font name + tab
Structure
Row	zfrow + tab
Full Grid	zffulgri + tab
Half Grid	zfhalgri + tab
Quarter Grid	zfquagri + tab
Third Grid	zfthigri + tab
Navigation
Offcanvas	zfoff + tab	use
Top Bar	zftopbar + tab	use
Vertical Bar	zfvertab + tab	use
Icon Bar	zficobar + tab
Side Nav	zfsidnav + tab
Sub Nav	zfsubnav + tab
Breadcrumbs	zfbrea + tab
Pagination	zfpag + tab
Media
Orbit Slider	zforbsli + tab	use
Orbit Content	zforbcon + tab	use
Thumbnails	zfthu + tab
Clearing Ligtbox	zfcle + tab	use
Flex Video	zffle + tab
Buttons
Buttons	zfbut + tab
Button Groups	zfbutgro + tab
Button Bar	zfbutbar + tab
Split Buttons	zfsplbut + tab	use
Dropdown Buttons	zfdrobut + tab	use
Callout&Prompts
Reveal Modal	zfrevmod + tab	use
Alerts	zfale + tab	use
Panels	zfpan + tab	use
Tooltips	zftoo + tab	use
Joyride	zfjoy + tab	use
Content
Accordion 2 to 5	zfacc2 to 5 + tab	use
Pricing Tables	zfpritab + tab
Progress Bars	zfprobar + tab
Tabs	zftab + tab	use
Vertical Tabs	zfvertab + tab
Equalizer	zfequ + tab	use

Coming next ...

Javascript complementary snippets

Release History

Atom snippets adaptation from: Foundation 5 Sublime Tex Snippets

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.

License

MIT Licence©Laurent Remy