├── .editorconfig ├── LICENSE ├── README.md ├── css ├── buttons │ ├── block │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet │ ├── clear │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet │ ├── default │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-bar.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet │ ├── full │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet │ ├── large │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet │ ├── outlined │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet │ └── small │ │ ├── ionic-css-button-assertive.sublime-snippet │ │ ├── ionic-css-button-balanced.sublime-snippet │ │ ├── ionic-css-button-calm.sublime-snippet │ │ ├── ionic-css-button-dark.sublime-snippet │ │ ├── ionic-css-button-energized.sublime-snippet │ │ ├── ionic-css-button-light.sublime-snippet │ │ ├── ionic-css-button-positive.sublime-snippet │ │ ├── ionic-css-button-royal.sublime-snippet │ │ ├── ionic-css-button-stable.sublime-snippet │ │ └── ionic-css-button.sublime-snippet ├── cards │ ├── ionic-css-card-divder.sublime-snippet │ ├── ionic-css-card-image.sublime-snippet │ ├── ionic-css-card-list.sublime-snippet │ ├── ionic-css-card-showcase.sublime-snippet │ └── ionic-css-card.sublime-snippet ├── checkbox │ ├── ionic-css-checkbox-assertive.sublime-snippet │ ├── ionic-css-checkbox-balanced.sublime-snippet │ ├── ionic-css-checkbox-calm.sublime-snippet │ ├── ionic-css-checkbox-dark.sublime-snippet │ ├── ionic-css-checkbox-energized.sublime-snippet │ ├── ionic-css-checkbox-light.sublime-snippet │ ├── ionic-css-checkbox-positive.sublime-snippet │ ├── ionic-css-checkbox-royal.sublime-snippet │ ├── ionic-css-checkbox-stable.sublime-snippet │ └── ionic-css-checkbox.sublime-snippet ├── footer │ ├── ionic-css-footer-bar-assertive.sublime-snippet │ ├── ionic-css-footer-bar-balanced.sublime-snippet │ ├── ionic-css-footer-bar-calm.sublime-snippet │ ├── ionic-css-footer-bar-dark.sublime-snippet │ ├── ionic-css-footer-bar-energized.sublime-snippet │ ├── ionic-css-footer-bar-light.sublime-snippet │ ├── ionic-css-footer-bar-positive.sublime-snippet │ ├── ionic-css-footer-bar-royal.sublime-snippet │ ├── ionic-css-footer-bar-stable.sublime-snippet │ └── ionic-css-footer-bar.sublime-snippet ├── form │ ├── ionic-css-form-floating-label.sublime-snippet │ ├── ionic-css-form-header.sublime-snippet │ ├── ionic-css-form-icon.sublime-snippet │ ├── ionic-css-form-inline-label.sublime-snippet │ ├── ionic-css-form-inset.sublime-snippet │ ├── ionic-css-form-placholder-label.sublime-snippet │ └── ionic-css-form-stacked-label.sublime-snippet ├── header │ ├── ionic-css-header-bar-assertive.sublime-snippet │ ├── ionic-css-header-bar-balanced.sublime-snippet │ ├── ionic-css-header-bar-calm.sublime-snippet │ ├── ionic-css-header-bar-dark.sublime-snippet │ ├── ionic-css-header-bar-energized.sublime-snippet │ ├── ionic-css-header-bar-light.sublime-snippet │ ├── ionic-css-header-bar-positive.sublime-snippet │ ├── ionic-css-header-bar-royal.sublime-snippet │ ├── ionic-css-header-bar-stable.sublime-snippet │ ├── ionic-css-header-bar.sublime-snippet │ └── ionic-css-subheader-bar.sublime-snippet ├── list │ ├── ionic-css-list-divider.sublime-snippet │ ├── ionic-css-list-inset.sublime-snippet │ ├── ionic-css-list-item-avatar.sublime-snippet │ ├── ionic-css-list-item-buttonleft.sublime-snippet │ ├── ionic-css-list-item-buttonright.sublime-snippet │ ├── ionic-css-list-item-iconleft.sublime-snippet │ ├── ionic-css-list-item-iconright.sublime-snippet │ ├── ionic-css-list-item-thumbleft.sublime-snippet │ ├── ionic-css-list-item-thumbright.sublime-snippet │ ├── ionic-css-list-item.sublime-snippet │ └── ionic-css-list.sublime-snippet ├── radiobuttons │ └── ionic-css-radio.sublime-snippet ├── range │ ├── ionic-css-range-assertive.sublime-snippet │ ├── ionic-css-range-balanced.sublime-snippet │ ├── ionic-css-range-calm.sublime-snippet │ ├── ionic-css-range-dark.sublime-snippet │ ├── ionic-css-range-energized.sublime-snippet │ ├── ionic-css-range-light.sublime-snippet │ ├── ionic-css-range-positive.sublime-snippet │ ├── ionic-css-range-royal.sublime-snippet │ ├── ionic-css-range-stable.sublime-snippet │ └── ionic-css-range.sublime-snippet ├── select │ └── ionic-css-select.sublime-snippet ├── tabs │ ├── default │ │ ├── ionic-css-tabs-assertive.sublime-snippet │ │ ├── ionic-css-tabs-balanced.sublime-snippet │ │ ├── ionic-css-tabs-calm.sublime-snippet │ │ ├── ionic-css-tabs-dark.sublime-snippet │ │ ├── ionic-css-tabs-energized.sublime-snippet │ │ ├── ionic-css-tabs-light.sublime-snippet │ │ ├── ionic-css-tabs-positive.sublime-snippet │ │ ├── ionic-css-tabs-royal.sublime-snippet │ │ ├── ionic-css-tabs-stable.sublime-snippet │ │ └── ionic-css-tabs.sublime-snippet │ ├── icon-top │ │ ├── ionic-css-tabs-assertive.sublime-snippet │ │ ├── ionic-css-tabs-balanced.sublime-snippet │ │ ├── ionic-css-tabs-calm.sublime-snippet │ │ ├── ionic-css-tabs-dark.sublime-snippet │ │ ├── ionic-css-tabs-energized.sublime-snippet │ │ ├── ionic-css-tabs-light.sublime-snippet │ │ ├── ionic-css-tabs-positive.sublime-snippet │ │ ├── ionic-css-tabs-royal.sublime-snippet │ │ ├── ionic-css-tabs-stable.sublime-snippet │ │ └── ionic-css-tabs.sublime-snippet │ ├── icon │ │ ├── ionic-css-tabs-assertive.sublime-snippet │ │ ├── ionic-css-tabs-balanced.sublime-snippet │ │ ├── ionic-css-tabs-calm.sublime-snippet │ │ ├── ionic-css-tabs-dark.sublime-snippet │ │ ├── ionic-css-tabs-energized.sublime-snippet │ │ ├── ionic-css-tabs-light.sublime-snippet │ │ ├── ionic-css-tabs-positive.sublime-snippet │ │ ├── ionic-css-tabs-royal.sublime-snippet │ │ ├── ionic-css-tabs-stable.sublime-snippet │ │ └── ionic-css-tabs.sublime-snippet │ └── left-icon │ │ ├── ionic-css-tabs-assertive.sublime-snippet │ │ ├── ionic-css-tabs-balanced.sublime-snippet │ │ ├── ionic-css-tabs-calm.sublime-snippet │ │ ├── ionic-css-tabs-dark.sublime-snippet │ │ ├── ionic-css-tabs-energized.sublime-snippet │ │ ├── ionic-css-tabs-light.sublime-snippet │ │ ├── ionic-css-tabs-positive.sublime-snippet │ │ ├── ionic-css-tabs-royal.sublime-snippet │ │ ├── ionic-css-tabs-stable.sublime-snippet │ │ └── ionic-css-tabs.sublime-snippet └── toggle │ ├── ionic-css-toggle-assertive.sublime-snippet │ ├── ionic-css-toggle-balanced.sublime-snippet │ ├── ionic-css-toggle-calm.sublime-snippet │ ├── ionic-css-toggle-dark.sublime-snippet │ ├── ionic-css-toggle-energized.sublime-snippet │ ├── ionic-css-toggle-light.sublime-snippet │ ├── ionic-css-toggle-list.sublime-snippet │ ├── ionic-css-toggle-positive.sublime-snippet │ ├── ionic-css-toggle-royal.sublime-snippet │ ├── ionic-css-toggle-stable.sublime-snippet │ └── ionic-css-toggle.sublime-snippet ├── js ├── actionsheet │ └── ionic-actionsheet.sublime-snippet ├── backdrop │ └── ionic-backdrop.sublime-snippet ├── broadcasts │ ├── scroll-infinite-scroll-complete.sublime-snippet │ └── scroll-refresh-complete.sublime-snippet ├── popover │ └── ionic-popover.sublime-snippet └── popup │ ├── ionic-popup-alert.sublime-snippet │ ├── ionic-popup-confirm.sublime-snippet │ └── ionic-popup-prompt.sublime-snippet ├── messages.json ├── messages └── install.txt └── ng-ionic ├── content ├── ionic-content.sublime-snippet ├── ionic-pane.sublime-snippet └── ionic-refresher.sublime-snippet ├── forms ├── ionic-checkbox.sublime-snippet ├── ionic-radio.sublime-snippet └── toggle │ ├── ionic-toggle-assertive.sublime-snippet │ ├── ionic-toggle-balanced.sublime-snippet │ ├── ionic-toggle-calm.sublime-snippet │ ├── ionic-toggle-dark.sublime-snippet │ ├── ionic-toggle-energized.sublime-snippet │ ├── ionic-toggle-light.sublime-snippet │ ├── ionic-toggle-positive.sublime-snippet │ ├── ionic-toggle-royal.sublime-snippet │ ├── ionic-toggle-stable.sublime-snippet │ └── ionic-toggle.sublime-snippet ├── header-footer ├── ionic-footer-bar.sublime-snippet └── ionic-header-bar.sublime-snippet ├── list ├── ionic-collection-repeat.sublime-snippet ├── ionic-list-delete-button.sublime-snippet ├── ionic-list-item.sublime-snippet ├── ionic-list-option-button.sublime-snippet ├── ionic-list-reorder-button.sublime-snippet └── ionic-list.sublime-snippet ├── navigation ├── ionic-nav-back-button.sublime-snippet ├── ionic-nav-bar.sublime-snippet ├── ionic-nav-buttons-left.sublime-snippet ├── ionic-nav-buttons-right.sublime-snippet ├── ionic-nav-view.sublime-snippet └── ionic-view.sublime-snippet ├── popover └── ionic-popover.sublime-snippet ├── scroll ├── ionic-infinite-scroll.sublime-snippet └── ionic-scroll.sublime-snippet ├── side-menu └── side-menus.sublime-snippet ├── slide-box ├── ionic-slide-box.sublime-snippet └── ionic-slide.sublime-snippet └── tabs ├── ionic-tab.sublime-snippet └── ionic-tabs.sublime-snippet /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://EditorConfig.org 2 | root = true 3 | 4 | [*] 5 | end_of_line = lf 6 | insert_final_newline = true 7 | charset = utf-8 8 | indent_style = space 9 | indent_size = 2 10 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Indermohan Singh 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Deprecated - I am no longer maintaing the project. 2 | 3 | Ionic - Sublime Plugin 4 | ==================== 5 | 6 | A Simple Sublime Plugin for Ionic Framework Code Snippets 7 | 8 | Feel Free to let me know about issues via : 9 | 10 | * [Issues](https://github.com/imsingh/ionic-sublime-plugin/issues) 11 | 12 | If you like this plugin and want to donate a penny : 13 | 14 | * [Donate](https://www.gittip.com/on/github/imsingh/) 15 | 16 | ### Installation 17 | 18 | 1. Search for "Ionic Framework" via the "Package Control: Install Packages" menu. 19 | **Note:** If you don't have Sublime Package Control installed, you can find out how to install it here [https://sublime.wbond.net/installation](https://sublime.wbond.net/installation) 20 | 21 | 2. Clone the repository into your Sublime Text 2/3 packages directory. 22 | git clone https://github.com/imsingh/ionic-sublime-plugin.git 23 | 24 | 3. Download the .zip file and unzip it into your Sublime Text 2/3 packages directory. 25 | **Note:** You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages. 26 | 27 | ## What's Included - Content 28 | 29 | ### AngularJS Directive based Ionic Snippets 30 | #### These snippets will work only in HTML Files 31 | 32 | * [Tabs](#tabs) 33 | * [Side Menu](#sidemenu) 34 | * [Navigation](#navigation) 35 | * [Header Bar/Footer Bar](https://github.com/imsingh/ionic-sublime-plugin#header) 36 | * [Content](#content) 37 | * [Scroll](#scroll) 38 | * [List](#list) 39 | * [Forms](#forms) 40 | * [Slide Box](#slide-box) 41 | * [Popover](#popover) 42 | 43 | ### Simple HTML Ionic Snippets 44 | #### These snippets will work only in HTML Files 45 | 46 | #### If you don't want or don't need to use AngularJS directives and only want to use Ionic's CSS than you should use following snippets. 47 | 48 | * [Header Bar & Footer Bar](#cssheader) 49 | * [Buttons](#cssbuttons) 50 | * [List](#csslist) 51 | * [Cards](#csscards) 52 | * [Forms](#cssforms) 53 | * [Toggle](#csstoggle) 54 | * [Checkbox](#csscheckbox) 55 | * [Radio Buttons](#cssradio) 56 | * [Range](#cssrange) 57 | * [Select](#cssselect) 58 | * [Tabs](#csstabs) 59 | 60 | ### Javascript based snippets 61 | #### Following snippets will only work in javascript file. 62 | 63 | * [Actionsheet](#jsactionsheet) 64 | * [Backdrop](#jsbackdrop) 65 | * [Popover](#jspopover) 66 | * [Popup](#jspopup) 67 | 68 | 69 | ## AngularJS Directive based Ionic Snippets 70 | 71 |

Tabs

72 | 73 | 74 | | Component | Snippet Code | 75 | |---------- | :-----------:| 76 | | ion-tabs | ionic-tabs | 77 | | ion-tab | ionic-tab | 78 | 79 | 80 |

Side Menu

81 | 82 | | Component | Snippet Code | 83 | |----------------| :---------------:| 84 | | ion-side-menus | ionic-side-menus | 85 | 86 | 87 | 88 | 89 | | Component | Snippet Code | 90 | |-----------------------| :----------------------:| 91 | | ion-nav-bar | ionic-nav-bar | 92 | | ion-nav-view | ionic-nav-view | 93 | | ion-view | ionic-view | 94 | | ion-nav-buttons Left | ionic-nav-buttons:left | 95 | | ion-nav-buttons Right | ionic-nav-buttons:right | 96 | | ion-nav-back-button | ionic-nav-back-button | 97 | 98 | 99 | 100 | | Component | Snippet Code | 101 | | ---------------| :---------------:| 102 | | ion-header-bar | ionic-header-bar | 103 | | ion-footer-bar | ionic-footer-bar | 104 | 105 |

Content

106 | 107 | | Component | Snippet Code | 108 | |-----------------------| :----------------------:| 109 | | ion-content | ionic-content | 110 | | ion-pane | ionic-pane | 111 | | ion-refresher | ionic-refresher | 112 | 113 |

Scroll

114 | 115 | | Component | Snippet Code | 116 | |---------------------------| :----------------------:| 117 | | ion-scroll | ionic-scroll | 118 | | ion-infinite-scroll | ionic-infinite-scrol | 119 | 120 | 121 |

List

122 | 123 | | Component | Snippet Code | 124 | |---------------------------| :----------------------:| 125 | | ion-list | ionic-list | 126 | | ion-item | ionic-item | 127 | | ion-reorder-button | ionic-reorder-button | 128 | | ion-option-button | ionic-option-button | 129 | | ion-delete-button | ionic-delete-button | 130 | 131 |

Forms

132 | 133 | | Component | Snippet Code | 134 | | --------------------------| :------------------------:| 135 | | ion-checkbox | ionic-checkbox | 136 | | ion-radio | ionic-radio | 137 | | ion-toggle | ionic-toggle | 138 | | ion-checkbox with theme | ionic-checkbox:themecolor | 139 | 140 | ##### You can use any themecolor like light,stable,positive,calm,balanced,energized,assertive,royal,dark, in place of ##themecolor in above table. 141 | 142 |

Slide Box

143 | 144 | | Component | Snippet Code | 145 | | --------------| :--------------:| 146 | | ion-slide-box | ionic-slide-box | 147 | | ion-slide | ionic-slide | 148 | 149 |

Popover

150 | 151 | | Component | Snippet Code | 152 | | --------------------------| :------------------------:| 153 | | ion-popover-view | ionic-popover | 154 | 155 | 156 | ## Simple HTML Ionic Snippets 157 | 158 | ##### You can use any themecolor like light,stable,positive,calm,balanced,energized,assertive,royal,dark, in place of ##themecolor in following tables. 159 | 160 | Example : ionic-css-footer:calm for calm theme footer. 161 | 162 |

Header & Footer Bar

163 | 164 | | Component | Snippet Code | 165 | |---------------------------| :----------------------------:| 166 | | Header Bar | ionic-css-header | 167 | | Header Bar Theme | ionic-css-header:themecolor | 168 | | Sub Header Bar | ionic-css-subheader | 169 | | Footer Bar | ionic-css-footer | 170 | | Footer Bar Theme | ionic-css-footer:themecolor | 171 | 172 |

Buttons Snippet

173 | 174 | | Component | Snippet Code | 175 | |---------------------------| :----------------------------------------:| 176 | | Button | ionic-css-button | 177 | | Button Theme | ionic-css-button:themecolor | 178 | | Full Width Button | ionic-css-button-full | 179 | | Full Width Button Theme | ionic-css-button-full:themecolor | 180 | | Large Button | ionic-css-button-large | 181 | | Large Button Theme | ionic-css-button-large:themecolor | 182 | | Small Button | ionic-css-button-small | 183 | | Small Button Theme | ionic-css-button-small:themecolor | 184 | | Outlined Button | ionic-css-button-outline | 185 | | Outlined Button Theme | ionic-css-button-outline:themecolor | 186 | | Clear Button | ionic-css-button-clear | 187 | | Clear Button Theme | ionic-css-button-clear:themecolor | 188 | 189 | 190 |

List Snippets

191 | 192 | | Component | Snippet Code | 193 | |-------------------------------| :----------------------------------------:| 194 | | List | ionic-css-list | 195 | | List Inset | ionic-css-list:inset | 196 | | List Item | ionic-css-list:item | 197 | | List Divider | ionic-css-list:divider | 198 | | List Item with Avatar | ionic-css-list-item:avatar | 199 | | List Item with Left Button | ionic-css-list-item:buttonleft | 200 | | List Item with Right Button | ionic-css-list-item:buttonright | 201 | | List Item with Left Icon | ionic-css-list-item:iconright | 202 | | List Item with Right Icon | ionic-css-list-item:iconleft | 203 | | List Item with Right Thumbnail| ionic-css-list-item:thumbright | 204 | | List Item with Left Thumbnail | ionic-css-list-item:thumbleft | 205 | 206 |

Card Snippets

207 | 208 | | Component | Snippet Code | 209 | |-------------------------------| :----------------------------------------:| 210 | | Card | ionic-css-card | 211 | | Card List | ionic-css-card:list | 212 | | Card Divider | ionic-css-card:divider | 213 | | Card Showcase | ionic-css-card:showcase | 214 | | Cards with Images | ionic-css-card:image | 215 | 216 |

Form Snippets

217 | 218 | | Component | Snippet Code | 219 | |-------------------------------| :----------------------------------------:| 220 | | Floating Form Element | ionic-css-form-floating | 221 | | Stacked Form Element | ionic-css-form-stacked | 222 | | Inset Form | ionic-css-form-inset | 223 | | Placeholder Form Element | ionic-css-form-placehoder | 224 | | Header Form Elements | ionic-css-form-header | 225 | | Inline Form Elements | ionic-css-form-inline | 226 | | Icon based Form Elements | ionic-css-form-icon | 227 | 228 |

Toggle Snippets

229 | 230 | | Component | Snippet Code | 231 | |-------------------------------| :----------------------------------------:| 232 | | Toggle Default Theme | ionic-css-toggle | 233 | | Toggle with Theme | ionic-css-toggle:themecolor | 234 | 235 | ##### You can use any themecolor like light,stable,positive,calm,balanced,energized,assertive,royal,dark, in place of ##themecolor in above table. 236 | 237 |

Checkbox Snippets

238 | 239 | | Component | Snippet Code | 240 | |-----------------------------------| :----------------------------------------:| 241 | | Checkbox Default Theme | ionic-css-checkbox | 242 | | Checkbox with Theme | ionic-css-checkbox:themecolor | 243 | 244 | ##### You can use any themecolor like light,stable,positive,calm,balanced,energized,assertive,royal,dark, in place of ##themecolor in above table. 245 | 246 |

Radio Buttons Snippets

247 | 248 | | Component | Snippet Code | 249 | |-----------------------------------| :----------------------------------------:| 250 | | Radio Buttons | ionic-css-radio | 251 | 252 |

Range Snippets

253 | 254 | | Component | Snippet Code | 255 | |-----------------------------------| :----------------------------------------:| 256 | | Range Default Theme | ionic-css-range | 257 | | Range with Theme | ionic-css-range:themecolor | 258 | 259 | ##### You can use any themecolor like light,stable,positive,calm,balanced,energized,assertive,royal,dark, in place of ##themecolor in above table. 260 | 261 |

Select Snippets

262 | 263 | | Component | Snippet Code | 264 | |-----------------------------------| :----------------------------------------:| 265 | | Select Element | ionic-css-select | 266 | 267 |

Tabs Snippets

268 | 269 | | Component | Snippet Code | 270 | |-------------------------------| :----------------------------------------:| 271 | | Tabs | ionic-css-tabs | 272 | | Tabs with Theme | ionic-css-tabs:themecolor | 273 | | Tabs with Icon | ionic-css-tabs-icon | 274 | | Tabs with Icon & Theme | ionic-css-tabs-icon:themecolor | 275 | | Tabs with Top Icon | ionic-css-tabs-icontop | 276 | | Tabs with Top Icon & Theme | ionic-css-tabs-icontop:themecolor | 277 | | Tabs with Left Icon | ionic-css-tabs-iconleft | 278 | | Tabs with Left Icon & Theme | ionic-css-tabs-iconleft:themecolor | 279 | 280 | ##### You can use any themecolor like light,stable,positive,calm,balanced,energized,assertive,royal,dark, in place of ##themecolor in above table. 281 | 282 | ## JS Code Snippets for Ionic 283 | ### Theme Snippets will work only in JS File 284 | 285 |

Action Sheet JS Snippet

286 | 287 | | Component | Snippet Code | 288 | |-----------------------------------| :----------------------------------------:| 289 | | $ionicActionSheet | ionic-js-actionsheet | 290 | 291 |

Backdrop JS Snippet

292 | 293 | | Component | Snippet Code | 294 | |-----------------------------------| :----------------------------------------:| 295 | | $ionicBackdrop | ionic-js-backdrop | 296 | 297 |

Popover JS Snippet

298 | 299 | | Component | Snippet Code | 300 | |-----------------------------------| :----------------------------------------:| 301 | | $ionicPopover | ionic-js-popover | 302 | 303 |

Popup JS Snippet

304 | 305 | | Component | Snippet Code | 306 | |-----------------------------------| :----------------------------------------:| 307 | | Alert $ionicPopup | ionic-js-popup:alert | 308 | | Confirm $ionicPopup | ionic-js-popup:confirm | 309 | | Prompt $ionicPopup | ionic-js-popup:prompt | 310 | 311 |

Broadcasts

312 | Sometimes you need to broadcast some events to Ionic complete some actions, in `ionic-broadcast-*` you can find all the events you need. 313 | 314 | | Snippet Code | 315 | |:--------------------------------:| 316 | | ionic-broadcast-infinite-scroll | 317 | | ionic-broadcast-refresh-complete | 318 | 319 | 320 | ## License 321 | 322 | Ionic Sublime Plugin is open-sourced software licensed under the [MIT License ](http://opensource.org/licenses/MIT). 323 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/block/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button-block 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/clear/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button-clear 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:First} 5 | ${2:Second} 6 | ${3:Third} 7 | 8 | ]]> 9 | 10 | ionic-css-button-bar 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/default/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/full/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button-full 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/large/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button-large 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/outlined/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button-outline 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:assertive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:balanced 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:calm 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:dark 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:energized 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:light 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:positive 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:royal 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small:stable 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/small/ionic-css-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ionic-css-button-small 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/cards/ionic-css-card-divder.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | I'm a Header in a Card! 5 | 6 | ]]> 7 | 8 | ionic-css-card:divider 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/cards/ionic-css-card-image.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | 6 |

${2:Pretty Hate Machine}

7 |

${3:Nine Inch Nails}

8 |
9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 | ${6:Start listening} 17 | 18 | 19 | ]]> 20 | 21 | ionic-css-card:image 22 | 23 | text.html 24 | 25 | -------------------------------------------------------------------------------- /css/cards/ionic-css-card-list.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:First Item} 7 | 8 | 9 | 10 | 11 | ${2:Second Item} 12 | 13 | 14 | 15 | 16 | ${3:Third Item} 17 | 18 | 19 | 20 | 21 | ${4:Fourth Item} 22 | 23 | 24 | ]]> 25 | 26 | ionic-css-card:list 27 | 28 | text.html 29 | 30 | -------------------------------------------------------------------------------- /css/cards/ionic-css-card-showcase.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | 6 |

${2:Marty McFly}

7 |

${3:November 05, 1955}

8 |
9 | 10 |
11 | 12 |

13 | ${5:This is a "Facebook" styled Card. The header is created from a Thumbnail List item, 14 | the content is from a card-body consisting of an image and paragraph text. The footer 15 | consists of tabs, icons aligned left, within the card-footer.} 16 |

17 |

18 | ${7:1 Like} 19 | ${9:5 Comments} 20 |

21 |
22 | 23 |
24 | 25 | 26 | ${11:Like} 27 | 28 | 29 | 30 | ${13:Comment} 31 | 32 | 33 | 34 | ${15:Share} 35 | 36 |
37 | 38 | ]]> 39 | 40 | ionic-css-card:showcase 41 | 42 | text.html 43 | 44 | -------------------------------------------------------------------------------- /css/cards/ionic-css-card.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | ${1:This is a Card} 6 |
7 | 8 | ]]> 9 | 10 | ionic-css-card 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:assertive 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:balanced 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:calm 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:royal 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:energized 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:light 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:positive 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:royal 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox:stable 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/checkbox/ionic-css-checkbox.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 8 | ${1:Checkbox Crazy} 9 |
    • 10 | 11 | ]]>     12 | 13 | ionic-css-checkbox 14 | 15 | text.html 16 |     17 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-assertive}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:assertive 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-balanced}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:balanced 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-calm}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:calm 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-dark}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:dark 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-energized}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:energized 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-light}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:light 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-positive}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:positive 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-royal}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:royal 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer-stable}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer:stable 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/footer/ionic-css-footer-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Footer}

    5 | 6 | ]]>     7 | 8 | ionic-css-footer 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-floating-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 12 | 16 | 17 | ]]> 18 | 19 | ionic-css-form-floating 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-header.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 11 | 12 | ]]> 13 | 14 | ionic-css-form-header 15 | 16 | text.html 17 | 18 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-icon.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 9 | ]]> 10 | 11 | ionic-css-form-icon 12 | 13 | text.html 14 | 15 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-inline-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 12 | 13 | ]]> 14 | 15 | ionic-css-form-inline 16 | 17 | text.html 18 | 19 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-inset.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 10 | 11 | ]]> 12 | 13 | ionic-css-form-inset 14 | 15 | text.html 16 | 17 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-placholder-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 10 | 13 | 14 | ]]> 15 | 16 | ionic-css-form-placeholder 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/form/ionic-css-form-stacked-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 12 | 16 | 17 | ]]> 18 | 19 | ionic-css-form-stacked 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Header bar-assertive}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:assertive 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-balanced}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:balanced 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-calm}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:calm 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-dark}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:dark 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-energized}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:energized 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-light}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:light 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-positive}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:positive 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-royal}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:royal 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:bar-stable}

    5 | 6 | ]]>     7 | 8 | ionic-css-header:stable 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-header-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Header}

    5 | 6 | ]]>     7 | 8 | ionic-css-header 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/header/ionic-css-subheader-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    ${1:Sub header}

    5 | 6 | ]]>     7 | 8 | ionic-css-subheader 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-divider.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Item Divider} 5 | 6 | ]]> 7 | 8 | ionic-css-list:divider 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-inset.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:First Item} 6 |
    • 7 | 8 |
  • 9 | ${2:Second Item} 10 |
    • 11 | 12 |
  • 13 | ${3:Third Item} 14 |
    • 15 | 16 | ]]>     17 | 18 | ionic-css-list:inset 19 | 20 | text.html 21 |     22 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-avatar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    Avatar

    6 |

    I am Crazy, are you?.

    7 | 8 | ]]>     9 | 10 | ionic-css-list-item:avatar 11 | 12 | text.html 13 |     14 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-buttonleft.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | Ionic 5 | 8 | 9 | ]]> 10 | 11 | ionic-css-list-item:buttonleft 12 | 13 | text.html 14 | 15 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-buttonright.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | Ionic 5 | 8 | 9 | ]]> 10 | 11 | ionic-css-list-item:buttonright 12 | 13 | text.html 14 | 15 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-iconleft.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | Ionic 6 | 7 | ]]> 8 | 9 | ionic-css-list-item:iconleft 10 | 11 | text.html 12 | 13 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-iconright.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | Ionic 6 | 7 | ]]> 8 | 9 | ionic-css-list-item:iconright 10 | 11 | text.html 12 | 13 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-thumbleft.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    Thumbnail

    6 |

    I am Crazy.

    7 | 8 | ]]>     9 | 10 | ionic-css-list-item:thumbleft 11 | 12 | text.html 13 |     14 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item-thumbright.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    Thumbnail

    6 |

    I am Crazy.

    7 | 8 | ]]>     9 | 10 | ionic-css-list-item:thumbright 11 | 12 | text.html 13 |     14 | -------------------------------------------------------------------------------- /css/list/ionic-css-list-item.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Item} 5 | 6 | ]]> 7 | 8 | ionic-css-list-item 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /css/list/ionic-css-list.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:First Item} 6 |
    • 7 | 8 |
  • 9 | ${2:Second Item} 10 |
    • 11 | 12 |
  • 13 | ${3:Third Item} 14 |
    • 15 | 16 | ]]>     17 | 18 | ionic-css-list 19 | 20 | text.html 21 |     22 | -------------------------------------------------------------------------------- /css/radiobuttons/ionic-css-radio.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 11 | 12 | ]]> 13 | 14 | ionic-css-radio 15 | 16 | text.html 17 | 18 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:assertive 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:balanced 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:calm 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:dark 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:energized 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:light 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:positive 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:royal 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range:stable 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/range/ionic-css-range.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-css-range 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /css/select/ionic-css-select.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 14 | 15 | ]]> 16 | 17 | ionic-css-select 18 | 19 | text.html 20 | 21 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:assertive 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:balanced 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:calm 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:dark 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:energized 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:light 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:positive 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:royal 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs:stable 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/default/ionic-css-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:assertive 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:balanced 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:calm 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:dark 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:energized 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:light 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:positive 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:royal 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:stable 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon-top/ionic-css-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:assertive 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:balanced 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:calm 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:dark 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-icontop:energized 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:light 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:positive 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:royal 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon:stable 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/icon/ionic-css-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ionic-css-tabs-icon 17 | 18 | text.html 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:assertive 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:balanced 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:calm 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:dark 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:energized 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:light 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:positive 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:royal 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft:stable 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/left-icon/ionic-css-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | ]]> 18 | 19 | ionic-css-tabs-iconleft 20 | 21 | text.html 22 | 23 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:assertive 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:balanced 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:calm 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:dark 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:energized 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:light 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-list.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:Toggle Label} 6 | 12 |
    • 13 | 14 | ]]>     15 | 16 | ionic-css-toggle-list 17 | 18 | text.html 19 |     20 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:positive 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:royal 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle:stable 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /css/toggle/ionic-css-toggle.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 |
    8 | 9 | ]]>     10 | 11 | ionic-css-toggle 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /js/actionsheet/ionic-actionsheet.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | Share This' }, 9 | { text: 'Move' } 10 | ], 11 | destructiveText: 'Delete', 12 | titleText: 'Modify your album', 13 | cancelText: 'Cancel', 14 | cancel: function() { 15 | // add cancel code.. 16 | }, 17 | buttonClicked: function(index) { 18 | return true; 19 | } 20 | }); 21 | ]]> 22 | 23 | ionic-js-actionsheet 24 | 25 | source.js 26 | 27 | -------------------------------------------------------------------------------- /js/backdrop/ionic-backdrop.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | ionic-js-backdrop 15 | 16 | source.js 17 | 18 | -------------------------------------------------------------------------------- /js/broadcasts/scroll-infinite-scroll-complete.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | ionic-broadcast-infinite-scroll 7 | 8 | source.js 9 | 10 | -------------------------------------------------------------------------------- /js/broadcasts/scroll-refresh-complete.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | ionic-broadcast-refresh-complete 7 | 8 | source.js 9 | 10 | -------------------------------------------------------------------------------- /js/popover/ionic-popover.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 27 | 28 | ionic-js-popover 29 | 30 | source.js 31 | 32 | -------------------------------------------------------------------------------- /js/popup/ionic-popup-alert.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | ionic-js-popup:alert 15 | 16 | source.js 17 | 18 | -------------------------------------------------------------------------------- /js/popup/ionic-popup-confirm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 17 | 18 | ionic-js-popup:confirm 19 | 20 | source.js 21 | 22 | -------------------------------------------------------------------------------- /js/popup/ionic-popup-prompt.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 12 | 13 | ionic-js-popup:prompt 14 | 15 | source.js 16 | 17 | -------------------------------------------------------------------------------- /messages.json: -------------------------------------------------------------------------------- 1 | { 2 | "install": "messages/install.txt" 3 | } -------------------------------------------------------------------------------- /messages/install.txt: -------------------------------------------------------------------------------- 1 | Welcome to Ionic Framework Snippet, a snippet plugin for Ionic Mobile Apps Developmenet. 2 | 3 | * * * Important * * * 4 | 5 | 6 | If you like the plugin, please consider a star for my github repo at : https://github.com/imsingh/ionic-sublime-plugin 7 | 8 | and post a tweet with "I love Ionic Framework Snippets Plugin @imsinghk7 @ionicframework" 9 | 10 | 11 | I spend time to make sure this plugin works well for Ionic Developers. 12 | I tried to make sure that snippets does increase the productivity of devlopers. 13 | 14 | 15 | If you have any suggestions or want some changes please start a issue at https://github.com/imsingh/ionic-sublime-plugin/issues 16 | 17 | * * * Read The Docs * * * 18 | 19 | Please read the Docs of this repo or Readme File for make yourself comfortable with Snippets. 20 | 21 | If you want to support the development of this plugin please donate at https://www.gittip.com/on/github/imsingh/ 22 | 23 | Thanks for reading!. 24 | -------------------------------------------------------------------------------- /ng-ionic/content/ionic-content.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 20 | ]]> 21 | 22 | ionic-content 23 | 24 | text.html 25 | 26 | -------------------------------------------------------------------------------- /ng-ionic/content/ionic-pane.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Challenge Accepted! :P} 5 | 6 | ]]> 7 | 8 | ionic-pane 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /ng-ionic/content/ionic-refresher.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | ]]> 8 | 9 | ionic-refresher 10 | 11 | text.html 12 | 13 | -------------------------------------------------------------------------------- /ng-ionic/forms/ionic-checkbox.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Label} 4 | ]]> 5 | 6 | ionic-checkbox 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/ionic-radio.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${3:Label} 4 | ${6:Label} 5 | ]]> 6 | 7 | ionic-radio 8 | 9 | text.html 10 | 11 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:assertive 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:balanced 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:calm 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:dark 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:energized 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:light 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:positive 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:royal 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | ]]> 5 | 6 | ionic-toggle:stable 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/forms/toggle/ionic-toggle.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | Toggle Label 4 | ]]> 5 | 6 | ionic-toggle 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/header-footer/ionic-footer-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 |
    7 |

    Title!

    8 |
    9 | 10 |
    11 | 12 | ]]>     13 | 14 | ionic-footer-bar 15 | 16 | text.html 17 |     18 | -------------------------------------------------------------------------------- /ng-ionic/header-footer/ionic-header-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 |
    7 |

    Title!

    8 |
    9 | 10 |
    11 | 12 | ]]>     13 | 14 | ionic-header-bar 15 | 16 | text.html 17 |     18 | -------------------------------------------------------------------------------- /ng-ionic/list/ionic-collection-repeat.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 |
    10 | {{${2:item}}} 11 |
    12 |
    13 | 14 | ]]>     15 | 16 | ionic-collection-repeat 17 | 18 | text.html 19 |     20 | -------------------------------------------------------------------------------- /ng-ionic/list/ionic-list-delete-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${2:Hello, list item!} 7 | 8 | 9 | 10 | ${3:Show Delete?} 11 | 12 | ]]> 13 | 14 | ionic-delete-button 15 | 16 | text.html 17 | 18 | -------------------------------------------------------------------------------- /ng-ionic/list/ionic-list-item.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Item!} 4 | ]]> 5 | 6 | ionic-item 7 | 8 | text.html 9 | 10 | -------------------------------------------------------------------------------- /ng-ionic/list/ionic-list-option-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:I love kittens!} 6 | ${2:Share} 7 | ${3:Edit} 8 | 9 | 10 | ]]> 11 | 12 | ionic-option-button 13 | 14 | text.html 15 | 16 | -------------------------------------------------------------------------------- /ng-ionic/list/ionic-list-reorder-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${4:Item} 6 | 8 | 9 | 10 | 11 | ]]> 12 | 13 | ionic-reorder-button 14 | 15 | text.html 16 | 17 | -------------------------------------------------------------------------------- /ng-ionic/list/ionic-list.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ionic-list 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /ng-ionic/navigation/ionic-nav-back-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | Back 5 | 6 | ]]> 7 | 8 | ionic-nav-back 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /ng-ionic/navigation/ionic-nav-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${0} 5 | 6 | ]]> 7 | 8 | ionic-nav-bar 9 | 10 | text.html 11 | 12 | -------------------------------------------------------------------------------- /ng-ionic/navigation/ionic-nav-buttons-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | ]]> 9 | 10 | ionic-nav-buttons:left 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /ng-ionic/navigation/ionic-nav-buttons-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | ]]> 9 | 10 | ionic-nav-buttons:right 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /ng-ionic/navigation/ionic-nav-view.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | ]]> 8 | 9 | ionic-nav-view 10 | 11 | text.html 12 | 13 | -------------------------------------------------------------------------------- /ng-ionic/navigation/ionic-view.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | Content Here 6 | 7 | 8 | ]]> 9 | 10 | ionic-view 11 | 12 | text.html 13 | 14 | -------------------------------------------------------------------------------- /ng-ionic/popover/ionic-popover.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    6 | 7 | // You can place this template in seperate html file 8 | 18 | ]]>     19 | 20 | ionic-popover 21 | 22 | text.html 23 |     24 | -------------------------------------------------------------------------------- /ng-ionic/scroll/ionic-infinite-scroll.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | ]]> 8 | 9 | ionic-infinite-scroll 10 | 11 | text.html 12 | 13 | -------------------------------------------------------------------------------- /ng-ionic/scroll/ionic-scroll.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 |
    7 | 8 | 9 | ]]>     10 | 11 | ionic-scroll 12 | 13 | text.html 14 |     15 | -------------------------------------------------------------------------------- /ng-ionic/side-menu/side-menus.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | ]]> 17 | 18 | ionic-side-menus 19 | 20 | text.html 21 | 22 | -------------------------------------------------------------------------------- /ng-ionic/slide-box/ionic-slide-box.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    ${3:blue}

    6 |     7 | 8 |

    ${4:yellow}

    9 |     10 | 11 |

    ${5:pink}

    12 |     13 | 14 | ]]>     15 | 16 | ionic-slide-box 17 | 18 | text.html 19 |     20 | -------------------------------------------------------------------------------- /ng-ionic/slide-box/ionic-slide.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

    Content

    5 | 6 | ]]>     7 | 8 | ionic-slide 9 | 10 | text.html 11 |     12 | -------------------------------------------------------------------------------- /ng-ionic/tabs/ionic-tab.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ]]> 11 | 12 | ionic-tab 13 | 14 | text.html 15 | 16 | -------------------------------------------------------------------------------- /ng-ionic/tabs/ionic-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${2:} 7 | 8 | 9 | 10 | ${4:} 11 | 12 | 13 | 14 | ${6:} 15 | 16 | 17 | 18 | ]]> 19 | 20 | ionic-tabs 21 | 22 | text.html 23 | 24 | --------------------------------------------------------------------------------