├── README.md ├── images └── glam.png ├── package.json └── snippets └── snippets.json /README.md: -------------------------------------------------------------------------------- 1 | # vscode-glamorous 2 | 3 |

4 | 5 |

6 | 7 | This extension contains code snippets for [glamorous](https://github.com/paypal/glamorous), [glamorous-native](https://github.com/robinpowered/glamorous-native) and [glamorous-primitives](https://github.com/nitin42/glamorous-primitives). 8 | 9 | ## Installation 10 | * Launch the command pallete (`ctrl` + `shift` + `p` or `cmd` + `shift` + `p`) 11 | * Type install extensions 12 | * Type `vscode-glamorous` in the search bar 13 | * Install the extension and reload the window 14 | 15 | Done ✅ 16 | 17 | ## Supported languages (file extensions) 18 | * JavaScript 19 | * TypeScript 20 | * JavaScript React 21 | * TypeScript React 22 | 23 | ## Usage 24 | 25 |

26 | 27 |

28 | 29 | ## Snippets 30 | Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key. 31 | ### glamorous 32 | 33 | | Trigger | Content | 34 | | ------------- |:-------------:| 35 | | `ga→` | `const Component = glamorous.a({})` | 36 | | `gdiv→` | `const Component = glamorous.div({})` | 37 | | `gspan→` | `const Component = glamorous.span({})` | 38 | | `gh1→` | `const Component = glamorous.h1({})` | 39 | | `gh2→` | `const Component = glamorous.h2({})` | 40 | | `gh3→` | `const Component = glamorous.h3({})` | 41 | | `gh4→` | `const Component = glamorous.h4({})` | 42 | | `gh5→` | `const Component = glamorous.h5({})` | 43 | | `gh6→` | `const Component = glamorous.h6({})` | 44 | | `gp→` | `const Component = glamorous.p({})` | 45 | | `gcode→` | `const Component = glamorous.code({})` | 46 | | `gabbr→` | `const Component = glamorous.abbr({})` | 47 | | `gaddress→` | `const Component = glamorous.address({})` | 48 | | `gb→` | `const Component = glamorous.b({})` | 49 | | `gblockquote→` | `const Component = glamorous.blockquote({})` | 50 | | `gcite→` | `const Component = glamorous.cite({})` | 51 | | `gdel→` | `const Component = glamorous.del({})` | 52 | | `gem→` | `const Component = glamorous.em({})` | 53 | | `gi→` | `const Component = glamorous.i({})` | 54 | | `gins→` | `const Component = glamorous.ins({})` | 55 | | `gpre→` | `const Component = glamorous.pre({})` | 56 | | `gmark→` | `const Component = glamorous.mark({})` | 57 | | `gmeter→` | `const Component = glamorous.meter({})` | 58 | | `gprogress→` | `const Component = glamorous.progress({})` | 59 | | `gq→` | `const Component = glamorous.q({})` | 60 | | `grp→` | `const Component = glamorous.rp({})` | 61 | | `gruby→` | `const Component = glamorous.ruby({})` | 62 | | `gs→` | `const Component = glamorous.s({})` | 63 | | `gsamp→` | `const Component = glamorous.samp({})` | 64 | | `gheader→` | `const Component = glamorous.header({})` | 65 | | `gfooter→` | `const Component = glamorous.footer({})` | 66 | | `gu→` | `const Component = glamorous.u({})` | 67 | | `gform→` | `const Component = glamorous.form({})` | 68 | | `gtextarea→` | `const Component = glamorous.textarea({})` | 69 | | `gbutton→` | `const Component = glamorous.button({})` | 70 | | `gselect→` | `const Component = glamorous.select({})` | 71 | | `goptgroup→` | `const Component = glamorous.optgroup({})` | 72 | | `goption→` | `const Component = glamorous.option({})` | 73 | | `glabel→` | `const Component = glamorous.label({})` | 74 | | `gfieldset→` | `const Component = glamorous.fieldset({})` | 75 | | `glegend→` | `const Component = glamorous.legend({})` | 76 | | `gimg→` | `const Component = glamorous.img({})` | 77 | | `gmap→` | `const Component = glamorous.map({})` | 78 | | `garea→` | `const Component = glamorous.area({})` | 79 | | `gnav→` | `const Component = glamorous.nav({})` | 80 | | `gul→` | `const Component = glamorous.ul({})` | 81 | | `gli→` | `const Component = glamorous.li({})` | 82 | | `gol→` | `const Component = glamorous.ol({})` | 83 | | `gdl→` | `const Component = glamorous.dl({})` | 84 | | `gdt→` | `const Component = glamorous.dt({})` | 85 | | `gdd→` | `const Component = glamorous.dd({})` | 86 | | `gmenu→` | `const Component = glamorous.menu({})` | 87 | | `gtable→` | `const Component = glamorous.table({})` | 88 | | `gcaption→` | `const Component = glamorous.caption({})` | 89 | | `gth→` | `const Component = glamorous.th({})` | 90 | | `gtr→` | `const Component = glamorous.tr({})` | 91 | | `gtd→` | `const Component = glamorous.td({})` | 92 | | `gthead→` | `const Component = glamorous.thead({})` | 93 | | `gtbody→` | `const Component = glamorous.tbody({})` | 94 | | `gtfoot→` | `const Component = glamorous.tfoot({})` | 95 | | `gcol→` | `const Component = glamorous.col({})` | 96 | | `gcolgroup→` | `const Component = glamorous.colgroup({})` | 97 | | `gdiv→` | `const Component = glamorous.div({})` | 98 | | `gsub→` | `const Component = glamorous.sub({})` | 99 | | `gtime→` | `const Component = glamorous.time({})` | 100 | | `gdata→` | `const Component = glamorous.datalist({})` | 101 | | `gout→` | `const Component = glamorous.output({})` | 102 | | `gfooter→` | `const Component = glamorous.footer({})` | 103 | | `gmain→` | `const Component = glamorous.main({})` | 104 | | `gsection→` | `const Component = glamorous.section({})` | 105 | | `garticle→` | `const Component = glamorous.article({})` | 106 | | `gaside→` | `const Component = glamorous.aside({})` | 107 | | `gdetails→` | `const Component = glamorous.details({})` | 108 | | `gdialog→` | `const Component = glamorous.dialog({})` | 109 | | `gsummary→` | `const Component = glamorous.summary({})` | 110 | 111 | ### glamorous-native 112 | 113 | | Trigger | Content | 114 | | ------------- |:-------------:| 115 | | `gtext→` | `const Component = glamorous.text({})` | 116 | | `gview→` | `const Component = glamorous.view({})` | 117 | | `gimage→` | `const Component = glamorous.image({})` | 118 | | `gflat→` | `const Component = glamorous.flatlist({})` | 119 | | `glist→` | `const Component = glamorous.listview({})` | 120 | | `gscroll→` | `const Component = glamorous.scrollview({})` | 121 | | `gsection→` | `const Component = glamorous.sectionlist({})` | 122 | | `ghighlight→` | `const Component = glamorous.touchablehighlight({})` | 123 | | `gnative→` | `const Component = glamorous.touchablenativefeedback({})` | 124 | | `gopacity→` | `const Component = glamorous.touchableopacity({})` | 125 | | `ginput→` | `const Component = glamorous.textinput({})` | 126 | 127 | ### glamorous-primitives 128 | 129 | | Trigger | Content | 130 | | ------------- |:-------------:| 131 | | `gtext→` | `const Component = glamorous.text({})` | 132 | | `gview→` | `const Component = glamorous.view({})` | 133 | | `gimage→` | `const Component = glamorous.image({})` | 134 | 135 | ### NOTE 136 | 137 | I forgot to unpublish this 👇 extension (which was in beta) 138 | 139 | ![second](https://i.gyazo.com/dfd653a485d0b4e7732aa259f3887047.png) 140 | 141 | and now it won't go because `vsce` denies my access token 😞 . So I won't be able to unpublish it. If you see this while searching for the extension, don't install it ! 142 | 143 | Thank you!! 144 | 145 | -------------------------------------------------------------------------------- /images/glam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nitin42/vscode-glamorous/ce2e64e72e13b02fe5ee95df85f88d582d7e0f4e/images/glam.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "name": "glamorous-snippets", 4 | "description": "Code snippets for glamorous", 5 | "version": "1.1.0", 6 | "displayName": "glamorous code snippets", 7 | "publisher": "nitin", 8 | "icon": "images/glam.png", 9 | "galleryBanner": { 10 | "theme": "light" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "nitin42/glamorous-snippets" 15 | }, 16 | "engines": { 17 | "vscode": "0.10.x" 18 | }, 19 | "categories": [ 20 | "Snippets" 21 | ], 22 | "contributes": { 23 | "snippets": [ 24 | { 25 | "language": "javascriptreact", 26 | "path": "./snippets/snippets.json" 27 | }, 28 | { 29 | "language": "javascript", 30 | "path": "./snippets/snippets.json" 31 | }, 32 | { 33 | "language": "typescript", 34 | "path": "./snippets/snippets.json" 35 | }, 36 | { 37 | "language": "typescriptreact", 38 | "path": "./snippets/snippets.json" 39 | }, 40 | { 41 | "language": "jsx", 42 | "path": "./snippets/snippets.json" 43 | } 44 | ] 45 | } 46 | } -------------------------------------------------------------------------------- /snippets/snippets.json: -------------------------------------------------------------------------------- 1 | { 2 | "glamorous.text": { 3 | "prefix": "gtext", 4 | "body": [ 5 | "const ${1:Component} = glamorous.text({\n\n})" 6 | ], 7 | "description": "glamorous: text()" 8 | }, 9 | "glamorous.view": { 10 | "prefix": "gview", 11 | "body": [ 12 | "const ${1:Component} = glamorous.view({\n\n})" 13 | ], 14 | "description": "glamorous: view()" 15 | }, 16 | "glamorous.image": { 17 | "prefix": "gimage", 18 | "body": [ 19 | "const ${1:Component} = glamorous.image({\n\n})" 20 | ], 21 | "description": "glamorous: image()" 22 | }, 23 | "glamorous.flatlist": { 24 | "prefix": "gflat", 25 | "body": [ 26 | "const ${1:Component} = glamorous.flatlist({\n\n})" 27 | ], 28 | "description": "glamorous: flatlist()" 29 | }, 30 | "glamorous.listview": { 31 | "prefix": "glist", 32 | "body": [ 33 | "const ${1:Component} = glamorous.listview({\n\n})" 34 | ], 35 | "description": "glamorous: listview()" 36 | }, 37 | "glamorous.scrollview": { 38 | "prefix": "gscroll", 39 | "body": [ 40 | "const ${1:Component} = glamorous.scrollview({\n\n})" 41 | ], 42 | "description": "glamorous: scrollview()" 43 | }, 44 | "glamorous.sectionlist": { 45 | "prefix": "gsection", 46 | "body": [ 47 | "const ${1:Component} = glamorous.sectionlist({\n\n})" 48 | ], 49 | "description": "glamorous: sectionlist()" 50 | }, 51 | "glamorous.touchablehighlight": { 52 | "prefix": "ghighlight", 53 | "body": [ 54 | "const ${1:Component} = glamorous.touchablehighlight({\n\n})" 55 | ], 56 | "description": "glamorous: touchablehighlight()" 57 | }, 58 | "glamorous.touchablenativefeedback": { 59 | "prefix": "gnative", 60 | "body": [ 61 | "const ${1:Component} = glamorous.touchablenativefeedback({\n\n})" 62 | ], 63 | "description": "glamorous: touchablenativefeedback()" 64 | }, 65 | "glamorous.touchableopacity": { 66 | "prefix": "gopacity", 67 | "body": [ 68 | "const ${1:Component} = glamorous.touchableopacity({\n\n})" 69 | ], 70 | "description": "glamorous: touchableopacity()" 71 | }, 72 | "glamorous.textinput": { 73 | "prefix": "ginput", 74 | "body": [ 75 | "const ${1:Component} = glamorous.textinput({\n\n})" 76 | ], 77 | "description": "glamorous: textinput()" 78 | }, 79 | "glamorous.h1": { 80 | "prefix": "gh1", 81 | "body": [ 82 | "const ${1:Component} = glamorous.h1({\n\n})" 83 | ], 84 | "description": "glamorous: h1()" 85 | }, 86 | "glamorous.h4": { 87 | "prefix": "gh4", 88 | "body": [ 89 | "const ${1:Component} = glamorous.h4({\n\n})" 90 | ], 91 | "description": "glamorous: h4()" 92 | }, 93 | "glamorous.h6": { 94 | "prefix": "gh6", 95 | "body": [ 96 | "const ${1:Component} = glamorous.h6({\n\n})" 97 | ], 98 | "description": "glamorous: h6()" 99 | }, 100 | "glamorous.h5": { 101 | "prefix": "gh5", 102 | "body": [ 103 | "const ${1:Component} = glamorous.h5({\n\n})" 104 | ], 105 | "description": "glamorous: h5()" 106 | }, 107 | "glamorous.h2": { 108 | "prefix": "gh2", 109 | "body": [ 110 | "const ${1:Component} = glamorous.h2({\n\n})" 111 | ], 112 | "description": "glamorous: h2()" 113 | }, 114 | "glamorous.h3": { 115 | "prefix": "gh3", 116 | "body": [ 117 | "const ${1:Component} = glamorous.h3({\n\n})" 118 | ], 119 | "description": "glamorous: h3()" 120 | }, 121 | "glamorous.p": { 122 | "prefix": "gp", 123 | "body": [ 124 | "const ${1:Component} = glamorous.p({\n\n})" 125 | ], 126 | "description": "glamorous: p()" 127 | }, 128 | "glamorous.code": { 129 | "prefix": "gcode", 130 | "body": [ 131 | "const ${1:Component} = glamorous.code({\n\n})" 132 | ], 133 | "description": "glamorous: code()" 134 | }, 135 | "glamorous.abbr": { 136 | "prefix": "gabbr", 137 | "body": [ 138 | "const ${1:Component} = glamorous.abbr({\n\n})" 139 | ], 140 | "description": "glamorous: abbr()" 141 | }, 142 | "glamorous.address": { 143 | "prefix": "gaddress", 144 | "body": [ 145 | "const ${1:Component} = glamorous.address({\n\n})" 146 | ], 147 | "description": "glamorous: address()" 148 | }, 149 | "glamorous.b": { 150 | "prefix": "gb", 151 | "body": [ 152 | "const ${1:Component} = glamorous.b({\n\n})" 153 | ], 154 | "description": "glamorous: b()" 155 | }, 156 | "glamorous.blockquote": { 157 | "prefix": "gblockquote", 158 | "body": [ 159 | "const ${1:Component} = glamorous.blockquote({\n\n})" 160 | ], 161 | "description": "glamorous: blockquote()" 162 | }, 163 | "glamorous.cite": { 164 | "prefix": "gcite", 165 | "body": [ 166 | "const ${1:Component} = glamorous.cite({\n\n})" 167 | ], 168 | "description": "glamorous: cite()" 169 | }, 170 | "glamorous.del": { 171 | "prefix": "gdel", 172 | "body": [ 173 | "const ${1:Component} = glamorous.del({\n\n})" 174 | ], 175 | "description": "glamorous: del()" 176 | }, 177 | "glamorous.em": { 178 | "prefix": "gem", 179 | "body": [ 180 | "const ${1:Component} = glamorous.em({\n\n})" 181 | ], 182 | "description": "glamorous: em()" 183 | }, 184 | "glamorous.i": { 185 | "prefix": "gi", 186 | "body": [ 187 | "const ${1:Component} = glamorous.i({\n\n})" 188 | ], 189 | "description": "glamorous: i()" 190 | }, 191 | "glamorous.ins": { 192 | "prefix": "gins", 193 | "body": [ 194 | "const ${1:Component} = glamorous.ins({\n\n})" 195 | ], 196 | "description": "glamorous: ins()" 197 | }, 198 | "glamorous.pre": { 199 | "prefix": "gpre", 200 | "body": [ 201 | "const ${1:Component} = glamorous.pre({\n\n})" 202 | ], 203 | "description": "glamorous: pre()" 204 | }, 205 | "glamorous.mark": { 206 | "prefix": "gmark", 207 | "body": [ 208 | "const ${1:Component} = glamorous.mark({\n\n})" 209 | ], 210 | "description": "glamorous: mark()" 211 | }, 212 | "glamorous.meter": { 213 | "prefix": "gmeter", 214 | "body": [ 215 | "const ${1:Component} = glamorous.meter({\n\n})" 216 | ], 217 | "description": "glamorous: meter()" 218 | }, 219 | "glamorous.progress": { 220 | "prefix": "gprogress", 221 | "body": [ 222 | "const ${1:Component} = glamorous.progress({\n\n})" 223 | ], 224 | "description": "glamorous: progress()" 225 | }, 226 | "glamorous.q": { 227 | "prefix": "gq", 228 | "body": [ 229 | "const ${1:Component} = glamorous.q({\n\n})" 230 | ], 231 | "description": "glamorous: q()" 232 | }, 233 | "glamorous.rp": { 234 | "prefix": "grp", 235 | "body": [ 236 | "const ${1:Component} = glamorous.rp({\n\n})" 237 | ], 238 | "description": "glamorous: rp()" 239 | }, 240 | "glamorous.ruby": { 241 | "prefix": "gruby", 242 | "body": [ 243 | "const ${1:Component} = glamorous.ruby({\n\n})" 244 | ], 245 | "description": "glamorous: ruby()" 246 | }, 247 | "glamorous.s": { 248 | "prefix": "gs", 249 | "body": [ 250 | "const ${1:Component} = glamorous.s({\n\n})" 251 | ], 252 | "description": "glamorous: s()" 253 | }, 254 | "glamorous.samp": { 255 | "prefix": "gsamp", 256 | "body": [ 257 | "const ${1:Component} = glamorous.samp({\n\n})" 258 | ], 259 | "description": "glamorous: samp()" 260 | }, 261 | "glamorous.header": { 262 | "prefix": "gheader", 263 | "body": [ 264 | "const ${1:Component} = glamorous.header({\n\n})" 265 | ], 266 | "description": "glamorous: header()" 267 | }, 268 | "glamorous.u": { 269 | "prefix": "gu", 270 | "body": [ 271 | "const ${1:Component} = glamorous.u({\n\n})" 272 | ], 273 | "description": "glamorous: u()" 274 | }, 275 | "glamorous.form": { 276 | "prefix": "gform", 277 | "body": [ 278 | "const ${1:Component} = glamorous.form({\n\n})" 279 | ], 280 | "description": "glamorous: form()" 281 | }, 282 | "glamorous.input": { 283 | "prefix": "ginp", 284 | "body": [ 285 | "const ${1:Component} = glamorous.input({\n\n})" 286 | ], 287 | "description": "glamorous: input()" 288 | }, 289 | "glamorous.textarea": { 290 | "prefix": "gtextarea", 291 | "body": [ 292 | "const ${1:Component} = glamorous.textarea({\n\n})" 293 | ], 294 | "description": "glamorous: textarea()" 295 | }, 296 | "glamorous.button": { 297 | "prefix": "gbutton", 298 | "body": [ 299 | "const ${1:Component} = glamorous.button({\n\n})" 300 | ], 301 | "description": "glamorous: button()" 302 | }, 303 | "glamorous.select": { 304 | "prefix": "gselect", 305 | "body": [ 306 | "const ${1:Component} = glamorous.select({\n\n})" 307 | ], 308 | "description": "glamorous: select()" 309 | }, 310 | "glamorous.optgroup": { 311 | "prefix": "goptgroup", 312 | "body": [ 313 | "const ${1:Component} = glamorous.optgroup({\n\n})" 314 | ], 315 | "description": "glamorous: optgroup()" 316 | }, 317 | "glamorous.option": { 318 | "prefix": "goption", 319 | "body": [ 320 | "const ${1:Component} = glamorous.option({\n\n})" 321 | ], 322 | "description": "glamorous: option()" 323 | }, 324 | "glamorous.label": { 325 | "prefix": "glabel", 326 | "body": [ 327 | "const ${1:Component} = glamorous.label({\n\n})" 328 | ], 329 | "description": "glamorous: label()" 330 | }, 331 | "glamorous.fieldset": { 332 | "prefix": "gfieldset", 333 | "body": [ 334 | "const ${1:Component} = glamorous.fieldset({\n\n})" 335 | ], 336 | "description": "glamorous: fieldset()" 337 | }, 338 | "glamorous.legend": { 339 | "prefix": "glegend", 340 | "body": [ 341 | "const ${1:Component} = glamorous.legend({\n\n})" 342 | ], 343 | "description": "glamorous: legend()" 344 | }, 345 | "glamorous.img": { 346 | "prefix": "gimg", 347 | "body": [ 348 | "const ${1:Component} = glamorous.img({\n\n})" 349 | ], 350 | "description": "glamorous: img()" 351 | }, 352 | "glamorous.map": { 353 | "prefix": "gmap", 354 | "body": [ 355 | "const ${1:Component} = glamorous.map({\n\n})" 356 | ], 357 | "description": "glamorous: map()" 358 | }, 359 | "glamorous.area": { 360 | "prefix": "garea", 361 | "body": [ 362 | "const ${1:Component} = glamorous.area({\n\n})" 363 | ], 364 | "description": "glamorous: area()" 365 | }, 366 | "glamorous.a": { 367 | "prefix": "ga", 368 | "body": [ 369 | "const ${1:Component} = glamorous.a({\n\n})" 370 | ], 371 | "description": "glamorous: a()" 372 | }, 373 | "glamorous.nav": { 374 | "prefix": "gnav", 375 | "body": [ 376 | "const ${1:Component} = glamorous.nav({\n\n})" 377 | ], 378 | "description": "glamorous: nav()" 379 | }, 380 | "glamorous.ul": { 381 | "prefix": "gul", 382 | "body": [ 383 | "const ${1:Component} = glamorous.ul({\n\n})" 384 | ], 385 | "description": "glamorous: ul()" 386 | }, 387 | "glamorous.li": { 388 | "prefix": "gli", 389 | "body": [ 390 | "const ${1:Component} = glamorous.li({\n\n})" 391 | ], 392 | "description": "glamorous: li()" 393 | }, 394 | "glamorous.ol": { 395 | "prefix": "gol", 396 | "body": [ 397 | "const ${1:Component} = glamorous.ol({\n\n})" 398 | ], 399 | "description": "glamorous: ol()" 400 | }, 401 | "glamorous.dl": { 402 | "prefix": "gdl", 403 | "body": [ 404 | "const ${1:Component} = glamorous.dl({\n\n})" 405 | ], 406 | "description": "glamorous: dl()" 407 | }, 408 | "glamorous.dt": { 409 | "prefix": "gdt", 410 | "body": [ 411 | "const ${1:Component} = glamorous.dt({\n\n})" 412 | ], 413 | "description": "glamorous: dt()" 414 | }, 415 | "glamorous.dd": { 416 | "prefix": "gdd", 417 | "body": [ 418 | "const ${1:Component} = glamorous.dd({\n\n})" 419 | ], 420 | "description": "glamorous: dd()" 421 | }, 422 | "glamorous.menu": { 423 | "prefix": "gmenu", 424 | "body": [ 425 | "const ${1:Component} = glamorous.menu({\n\n})" 426 | ], 427 | "description": "glamorous: menu()" 428 | }, 429 | "glamorous.table": { 430 | "prefix": "gtable", 431 | "body": [ 432 | "const ${1:Component} = glamorous.table({\n\n})" 433 | ], 434 | "description": "glamorous: table()" 435 | }, 436 | "glamorous.caption": { 437 | "prefix": "gcaption", 438 | "body": [ 439 | "const ${1:Component} = glamorous.caption({\n\n})" 440 | ], 441 | "description": "glamorous: caption()" 442 | }, 443 | "glamorous.th": { 444 | "prefix": "gth", 445 | "body": [ 446 | "const ${1:Component} = glamorous.th({\n\n})" 447 | ], 448 | "description": "glamorous: th()" 449 | }, 450 | "glamorous.tr": { 451 | "prefix": "gtr", 452 | "body": [ 453 | "const ${1:Component} = glamorous.tr({\n\n})" 454 | ], 455 | "description": "glamorous: tr()" 456 | }, 457 | "glamorous.td": { 458 | "prefix": "gtd", 459 | "body": [ 460 | "const ${1:Component} = glamorous.td({\n\n})" 461 | ], 462 | "description": "glamorous: td()" 463 | }, 464 | "glamorous.thead": { 465 | "prefix": "gthead", 466 | "body": [ 467 | "const ${1:Component} = glamorous.thead({\n\n})" 468 | ], 469 | "description": "glamorous: thead()" 470 | }, 471 | "glamorous.tbody": { 472 | "prefix": "gtbody", 473 | "body": [ 474 | "const ${1:Component} = glamorous.tbody({\n\n})" 475 | ], 476 | "description": "glamorous: tbody()" 477 | }, 478 | "glamorous.tfoot": { 479 | "prefix": "gtfoot", 480 | "body": [ 481 | "const ${1:Component} = glamorous.tfoot({\n\n})" 482 | ], 483 | "description": "glamorous: tfoot()" 484 | }, 485 | "glamorous.col": { 486 | "prefix": "gcol", 487 | "body": [ 488 | "const ${1:Component} = glamorous.col({\n\n})" 489 | ], 490 | "description": "glamorous: col()" 491 | }, 492 | "glamorous.colgroup": { 493 | "prefix": "gcolgroup", 494 | "body": [ 495 | "const ${1:Component} = glamorous.colgroup({\n\n})" 496 | ], 497 | "description": "glamorous: colgroup()" 498 | }, 499 | "glamorous.div": { 500 | "prefix": "gdiv", 501 | "body": [ 502 | "const ${1:Component} = glamorous.div({\n\n})" 503 | ], 504 | "description": "glamorous: div()" 505 | }, 506 | "glamorous.span": { 507 | "prefix": "gspan", 508 | "body": [ 509 | "const ${1:Component} = glamorous.span({\n\n})" 510 | ], 511 | "description": "glamorous: span()" 512 | }, 513 | "glamorous.sub": { 514 | "prefix": "gsub", 515 | "body": [ 516 | "const ${1:Component} = glamorous.sub({\n\n})" 517 | ], 518 | "description": "glamorous: sub()" 519 | }, 520 | "glamorous.time": { 521 | "prefix": "gtime", 522 | "body": [ 523 | "const ${1:Component} = glamorous.time({\n\n})" 524 | ], 525 | "description": "glamorous: time()" 526 | }, 527 | "glamorous.data": { 528 | "prefix": "gdata", 529 | "body": [ 530 | "const ${1:Component} = glamorous.datalist({\n\n})" 531 | ], 532 | "description": "glamorous: datalist()" 533 | }, 534 | "glamorous.out": { 535 | "prefix": "gout", 536 | "body": [ 537 | "const ${1:Component} = glamorous.output({\n\n})" 538 | ], 539 | "description": "glamorous: output()" 540 | }, 541 | "glamorous.footer": { 542 | "prefix": "gfoot", 543 | "body": [ 544 | "const ${1:Component} = glamorous.footer({\n\n})" 545 | ], 546 | "description": "glamorous: footer()" 547 | }, 548 | "glamorous.main": { 549 | "prefix": "gmain", 550 | "body": [ 551 | "const ${1:Component} = glamorous.main({\n\n})" 552 | ], 553 | "description": "glamorous: main()" 554 | }, 555 | "glamorous.section": { 556 | "prefix": "gsec", 557 | "body": [ 558 | "const ${1:Component} = glamorous.section({\n\n})" 559 | ], 560 | "description": "glamorous: section()" 561 | }, 562 | "glamorous.article": { 563 | "prefix": "garticle", 564 | "body": [ 565 | "const ${1:Component} = glamorous.article({\n\n})" 566 | ], 567 | "description": "glamorous: article()" 568 | }, 569 | "glamorous.aside": { 570 | "prefix": "gaside", 571 | "body": [ 572 | "const ${1:Component} = glamorous.aside({\n\n})" 573 | ], 574 | "description": "glamorous: aside()" 575 | }, 576 | "glamorous.details": { 577 | "prefix": "gdetail", 578 | "body": [ 579 | "const ${1:Component} = glamorous.details({\n\n})" 580 | ], 581 | "description": "glamorous: details()" 582 | }, 583 | "glamorous.dialog": { 584 | "prefix": "gdial", 585 | "body": [ 586 | "const ${1:Component} = glamorous.dialog({\n\n})" 587 | ], 588 | "description": "glamorous: dialog()" 589 | }, 590 | "glamorous.summary": { 591 | "prefix": "gsumm", 592 | "body": [ 593 | "const ${1:Component} = glamorous.summary({\n\n})" 594 | ], 595 | "description": "glamorous: summary()" 596 | } 597 | } 598 | --------------------------------------------------------------------------------