├── .gitignore ├── Snippets └── Sublime Snippets │ ├── Snippet.full-grid.sublime-snippet │ ├── Snippet.half-grid.sublime-snippet │ ├── Snippet.alerts.sublime-snippet │ ├── Snippet.panel.sublime-snippet │ ├── Snippet.video.sublime-snippet │ ├── Snippet.third-grid.sublime-snippet │ ├── Snippet.subnav.sublime-snippet │ ├── Snippet.button.sublime-snippet │ ├── Snippet.equalizer.sublime-snippet │ ├── Snippet.sidenav.sublime-snippet │ ├── Snippet.breadcrumb.sublime-snippet │ ├── Snippet.quarter-grid.sublime-snippet │ ├── Snippet.clearing.sublime-snippet │ ├── Snippet.progress-bar.sublime-snippet │ ├── Snippet.button-group.sublime-snippet │ ├── Snippet.pricing-table.sublime-snippet │ ├── Snippet.reveal.sublime-snippet │ ├── Snippet.pagination.sublime-snippet │ ├── Snippet.dropdown-button.sublime-snippet │ ├── Snippet.button-bar.sublime-snippet │ ├── Snippet.split-button.sublime-snippet │ ├── Snippet.orbit-content.sublime-snippet │ ├── Snippet.iconbar-vertical.sublime-snippet │ ├── Snippet.iconbar-horizontal.sublime-snippet │ ├── Snippet.orbit.sublime-snippet │ ├── Snippet.vertical-tab.sublime-snippet │ ├── Snippet.topbar.sublime-snippet │ ├── Snippet.tab.sublime-snippet │ ├── Snippet.offcanvas.sublime-snippet │ └── Snippet.accordion.sublime-snippet └── README.mdown /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_STORE -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.full-grid.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | 6 | ]]>
7 | 8 | zf-full-grid 9 | ZURB Foundation Full Grid 10 | 11 | text.html 12 |
-------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.half-grid.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 |
6 | 7 | ]]>
8 | 9 | zf-half-grid 10 | ZURB Foundation Half Grid 11 | 12 | text.html 13 |
-------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.alerts.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | 6 | × 7 |
8 | ]]>
9 | 10 | zf-alert 11 | ZURB Foundation 5 Alert 12 | 13 | text.html 14 |
15 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.panel.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 |
This is a callout panel.
6 |

It's a little ostentatious, but useful for important content.

7 |
8 | ]]>
9 | 10 | zf-panel 11 | ZURB Foundation 5 Split Buttons 12 | 13 | text.html 14 |
-------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.video.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ]]> 7 | 8 | zf-video 9 | ZURB Foundation 5 Flex Video 10 | 11 | text.html 12 | 13 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.third-grid.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 |
6 |
7 | 8 | ]]>
9 | 10 | zf-third-grid 11 | ZURB Foundation Third Grid 12 | 13 | text.html 14 |
-------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.subnav.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
Filter:
5 |
All
6 |
Active
7 |
Pending
8 |
Suspended
9 | 10 | ]]>
11 | 12 | zf-subnav 13 | ZURB Foundation 5 Sub Nav 14 | 15 | text.html 16 |
17 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | Default Button 8 | ]]> 9 | 10 | zf-button 11 | ZURB Foundation 5 Buttons 12 | 13 | text.html 14 | 15 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.equalizer.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | ... 6 |
7 |
8 | ... 9 |
10 | 11 | ]]>
12 | 13 | zf-equalizer 14 | ZURB Foundation 5 Equalizer 15 | 16 | text.html 17 |
18 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.sidenav.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • Link 1
  • 5 |
  • Link 2
  • 6 |
  • 7 |
  • Link 3
  • 8 |
  • Link 4
  • 9 | 10 | ]]>
    11 | 12 | zf-sidenav 13 | ZURB Foundation 5 Side Nav 14 | 15 | text.html 16 |
    17 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.breadcrumb.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • Home
  • 5 |
  • Features
  • 6 |
  • Gene Splicing
  • 7 |
  • Cloning
  • 8 | 9 | ]]>
    10 | 11 | zf-breadcrumb 12 | ZURB Foundation 5 Breadcrumbs 13 | 14 | text.html 15 |
    16 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.quarter-grid.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 |
    6 |
    7 |
    8 | 9 | ]]>
    10 | 11 | zf-quarter-grid 12 | ZURB Foundation Quarter Grid 13 | 14 | text.html 15 |
    -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.clearing.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 |
  • 6 |
  • 7 | 8 | ]]>
    9 | 10 | zf-clearing 11 | ZURB Foundation 5 Clearing 12 | 13 | text.html 14 |
    15 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.progress-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 |
    8 | 9 |
    10 | ]]>
    11 | 12 | zf-progress-bar 13 | ZURB Foundation 5 Progress Bar 14 | 15 | text.html 16 |
    17 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.button-group.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 11 | ]]> 12 | 13 | zf-button-group 14 | ZURB Foundation 5 Button Groups 15 | 16 | text.html 17 | 18 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.pricing-table.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • Standard
  • 5 |
  • $99.99
  • 6 |
  • An awesome description
  • 7 |
  • 1 Database
  • 8 |
  • 5GB Storage
  • 9 |
  • 20 Users
  • 10 |
  • Buy Now
  • 11 | 12 | ]]>
    13 | 14 | zf-pricing-table 15 | ZURB Foundation 5 Pricing Table 16 | 17 | text.html 18 |
    19 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.reveal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | Click Me For A Modal 5 |
    6 |

    Awesome. I have it.

    7 |

    Your couch. It is mine.

    8 |

    Im a cool paragraph that lives inside of an even cooler modal. Wins

    9 | × 10 |
    11 | ]]>
    12 | 13 | zf-reveal 14 | ZURB Foundation 5 Reveal 15 | 16 | text.html 17 |
    -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.pagination.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • «
  • 5 |
  • 1
  • 6 |
  • 2
  • 7 |
  • 3
  • 8 |
  • 4
  • 9 |
  • 10 |
  • 12
  • 11 |
  • 13
  • 12 |
  • »
  • 13 | 14 | ]]>
    15 | 16 | zf-pagination 17 | ZURB Foundation 5 Pagination 18 | 19 | text.html 20 |
    21 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.dropdown-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | Dropdown Button
    7 | 12 | ]]>
    13 | 14 | zf-dropdown-button 15 | ZURB Foundation 5 Dropdown Buttons 16 | 17 | text.html 18 |
    19 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.button-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 9 | 14 | 15 | ]]> 16 | 17 | zf-button-bar 18 | ZURB Foundation 5 Button Bar 19 | 20 | text.html 21 | 22 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.split-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | Split Button
    7 | 12 | ]]>
    13 | 14 | zf-split-button 15 | ZURB Foundation 5 Split Buttons 16 | 17 | text.html 18 |
    19 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.orbit-content.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 |
    6 |

    Headline 1

    7 |

    Subheadline

    8 |
    9 |
  • 10 |
  • 11 |
    12 |

    Headline 2

    13 |

    Subheadline

    14 |
    15 |
  • 16 |
  • 17 |
    18 |

    Headline 3

    19 |

    Subheadline

    20 |
    21 |
  • 22 | 23 | ]]>
    24 | 25 | zf-orbit-content 26 | ZURB Foundation 5 Orbit Content Slider 27 | 28 | text.html 29 |
    30 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.iconbar-vertical.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | ]]> 22 | 23 | zf-iconbar-vertical 24 | ZURB Foundation 5 Vertical-4 Iconbar 25 | 26 | text.html 27 | 28 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.iconbar-horizontal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | ]]> 22 | 23 | zf-iconbar-horizontal 24 | ZURB Foundation 5 Horizontal-4 Iconbar 25 | 26 | text.html 27 | 28 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.orbit.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | slide 1 6 |
    7 | Caption One. 8 |
    9 |
  • 10 |
  • 11 | slide 2 12 |
    13 | Caption Two. 14 |
    15 |
  • 16 |
  • 17 | slide 3 18 |
    19 | Caption Three. 20 |
    21 |
  • 22 | 23 | ]]>
    24 | 25 | zf-orbit 26 | ZURB Foundation 5 Orbit Slider 27 | 28 | text.html 29 |
    30 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.vertical-tab.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    Tab 1
    5 |
    Tab 2
    6 |
    Tab 3
    7 |
    Tab 4
    8 | 9 |
    10 |
    11 |

    Panel 1.

    12 |
    13 |
    14 |

    Panel 2.

    15 |
    16 |
    17 |

    Panel 3.

    18 |
    19 |
    20 |

    Panel 4.

    21 |
    22 |
    23 | ]]>
    24 | 25 | zf-vertical-tab 26 | ZURB Foundation Vertical Tabs 27 | 28 | text.html 29 |
    -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.topbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 10 | 11 |
    12 | 13 | 22 | 23 | 24 | 27 |
    28 | 29 | ]]>
    30 | 31 | zf-topbar 32 | ZURB Foundation 5 Topbar 33 | 34 | text.html 35 |
    36 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.tab.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    Tab 1
    5 |
    Tab 2
    6 |
    Tab 3
    7 |
    Tab 4
    8 | 9 |
    10 |
    11 |

    This is the first panel of the basic tab example. This is the first panel of the basic tab example.

    12 |
    13 |
    14 |

    This is the second panel of the basic tab example. This is the second panel of the basic tab example.

    15 |
    16 |
    17 |

    This is the third panel of the basic tab example. This is the third panel of the basic tab example.

    18 |
    19 |
    20 |

    This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

    21 |
    22 |
    23 | ]]>
    24 | 25 | zf-tab 26 | ZURB Foundation 5 Tabs 27 | 28 | text.html 29 |
    30 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.offcanvas.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 18 | 19 | 26 | 27 | 34 | 35 |
    36 | 37 |
    38 | 39 | 40 | 41 |
    42 | 43 | ]]>
    44 | 45 | zf-offcanvas 46 | ZURB Foundation 5 Offcanvas 47 | 48 | text.html 49 |
    50 | -------------------------------------------------------------------------------- /Snippets/Sublime Snippets/Snippet.accordion.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | Accordion 1 6 |
    7 | Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 8 |
    9 |
  • 10 |
  • 11 | Accordion 2 12 |
    13 | Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 14 |
    15 |
  • 16 |
  • 17 | Accordion 3 18 |
    19 | Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 20 |
    21 |
  • 22 | 23 | ]]>
    24 | 25 | zf-accordion 26 | ZURB Foundation 5 Accordion 27 | 28 | text.html 29 |
    30 | -------------------------------------------------------------------------------- /README.mdown: -------------------------------------------------------------------------------- 1 | ## ZURB Foundation 5 Sublime Text Snippets 2 | 3 | #### Installation on Sublime Text 2 and Sublime Text 3 4 | 5 | ###### Mac/Linux Instructions 6 | 7 | 1. CD into Sublime Text packages folder 8 | 9 | `cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages` 10 | 11 | or 12 | 13 | `cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages` 14 | 15 | 2. Clone repository into packages folder 16 | 17 | `git clone https://github.com/zurb/foundation-5-sublime-snippets.git` 18 | 19 | ###### Windows Instructions 20 | 21 | `cd "%AppData%\Sublime Text 3\Packages\User"` 22 | `git clone https://github.com/zurb/foundation-5-sublime-snippets.git` 23 | 24 | * Each snippet is prefixed with `zf-` (ZURB Foundation). 25 | * Each snippet is singular, unless the name of the component ends in an s (offcanvas) 26 | * Available classes are included as comments in the snippets 27 | 28 | ### Available Components 29 | 30 | Component | Usage 31 | :--------------- | :-----------: 32 | Offcanvas | zf-offcanvas + tab 33 | Topbar | zf-topbar + tab 34 | Sidenav | zf-sidenav + tab 35 | Subnav | zf-subnav + tab 36 | Breadcrumbs | zf-breadcrumb + tab 37 | Pagination | zf-pagination + tab 38 | Orbit | zf-orbit + tab 39 | Clearing | zf-clearing + tab 40 | Buttons | zf-button + tab 41 | Button Groups | zf-button-group + tab 42 | Split Buttons | zf-split-button + tab 43 | Dropdown Buttons | zf-dropdown-button + tab 44 | Reveal | zf-reveal + tab 45 | Alerts | zf-alert + tab 46 | Panels | zf-panel + tab 47 | Pricing Tables | zf-pricing-table + tab 48 | Progress Bars | zf-progress-bar + tab 49 | Accordion | zf-accordion + tab 50 | Tabs | zf-tab + tab 51 | Vertical Tabs | zf-vertical-tab + tab 52 | Horizontal Iconbar| zf-iconbar-horizontal + tab 53 | Vertical Iconbar | zf-iconbar-vertical + tab 54 | Flex Video | zf-video + tab 55 | 56 | 57 | 58 | ### Contributing 59 | 60 | 1. Fork it. 61 | 2. Create your feature branch (`git checkout -b my-new-feature`). 62 | 3. Test your changes to the best of your ability. 63 | 4. Update the documentation to reflect your changes if they add or changes current functionality. 64 | 5. Commit your changes (`git commit -am 'Added some feature'`). 65 | 6. Push to the branch (`git push origin my-new-feature`). 66 | 7. Create a new pull request. 67 | 68 | --------------------------------------------------------------------------------