Foundation 6.4 Snippets

Zurb Foundation 6 for sites HTML & SCSS snippets for Visual Studio Code

GitHub repository

Install

Via Quick Open:

1. Download, install and open VS Code
2. Press cmd+p to open the Quick Open dialog
3. Type ext install foundation6-snippets
4. Click the Install button, then the Enable button

Via the Extensions tab:

1. Click the extensions tab or press cmd+shift+x
2. Search for foundation 6 snippets
3. Click the Install button, then the Enable button

Via the command line:

1. Open a command-line prompt
2. Run code --install-extension nateomedia.vscode-foundation6-snippets

Features

This extension provides code completion & snippets for Foundation 6 for Sites SASS mixins and HTML navigation, containers and media snippets. It also contains many 'data-' js plugin options.

Limitations

I developed this extension primary for myself, so it focuses on semantic mark-up and relies on the xy-grid and flexbox. Older grids are missing, as are many non-semantic html classes. I also did not include SASS variables. I welcome pull requests to fill-in anything that's missing. Thanks!

Contribute

For any bugs and feature requests please open an issue. For code contributions please create a pull request. Enjoy!