├── .gitignore
├── README.md
├── codyhouse-snippets-html.json
├── codyhouse-snippets-js.json
├── codyhouse-snippets-scss.json
├── img
├── cd-snippets-html.gif
├── cd-snippets-js.gif
└── cd-snippets-scss.gif
├── logo.png
└── package.json
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | *.DS_Store
3 | config.php
4 | package-lock.json
5 | .vscode-test/
6 | .vsix
7 | *.vsix
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # CodyFrame v3 (older framework version) Snippets
2 |
3 | CodyFrame v3 snippets for VSCode.
4 |
5 | CodyFrame v4 snippets → [codyhouse.co/vs-code-snippets](https://codyhouse.co/vs-code-snippets)
6 |
7 | The extension provides autocompletion for `HTML` (utility classes), `SCSS` (custom properties and mixins), and `JS` utility functions.
8 |
9 | ## Examples
10 |
11 | CSS classes autocompletion:
12 |
13 | 
14 |
15 | Autocompletion for CSS custom properties and mixin snippets:
16 |
17 | 
18 |
19 | Autocompletion for JS utility functions:
20 |
21 | 
--------------------------------------------------------------------------------
/codyhouse-snippets-js.json:
--------------------------------------------------------------------------------
1 | {
2 | "addClass": {
3 | "prefix": "addClass",
4 | "body": [
5 | "Util.addClass(${1:element}, '${2:className}');"
6 | ],
7 | "description": "add a class (or list of classes) to an element"
8 | },
9 | "removeClass": {
10 | "prefix": "removeClass",
11 | "body": [
12 | "Util.removeClass(${1:element}, '${2:className}');"
13 | ],
14 | "description": "remove a class (or list of classes) from an element"
15 | },
16 | "hasClass": {
17 | "prefix": "hasClass",
18 | "body": [
19 | "Util.hasClass(${1:element}, '${2:className}');"
20 | ],
21 | "description": "check if element has a specified class"
22 | },
23 | "toggleClass": {
24 | "prefix": "toggleClass",
25 | "body": [
26 | "Util.toggleClass(${1:element}, '${2:className}', ${3:bool});"
27 | ],
28 | "description": "add or remove class (or list of classes) from an element"
29 | },
30 | "cssSupports": {
31 | "prefix": "supports",
32 | "body": [
33 | "Util.cssSupports('${1:display}', '${2:block}');"
34 | ],
35 | "description": "add or remove class (or list of classes) from an element"
36 | },
37 | "focus": {
38 | "prefix": "focus",
39 | "body": [
40 | "Util.moveFocus(${1:element});"
41 | ],
42 | "description": "move focus to a different element"
43 | },
44 | "children": {
45 | "prefix": "children",
46 | "body": [
47 | "Util.getChildrenByClassName(${1:element}, '${2:className}');"
48 | ],
49 | "description": "get children that have a specific class"
50 | },
51 | "index": {
52 | "prefix": "index",
53 | "body": [
54 | "Util.getIndexInArray(${1:array}, ${2:element});"
55 | ],
56 | "description": "index of a node element in an array"
57 | }
58 | }
--------------------------------------------------------------------------------
/codyhouse-snippets-scss.json:
--------------------------------------------------------------------------------
1 | {
2 | "srHide": {
3 | "prefix": "srHide",
4 | "body": [
5 | "@include srHide;"
6 | ],
7 | "description": "Hide content visually, but keep it accessible to SR"
8 | },
9 | "srShow": {
10 | "prefix": "srShow",
11 | "body": [
12 | "@include srShow;"
13 | ],
14 | "description": "show visually hidden (accessible) content"
15 | },
16 | "breakpoint (xs)": {
17 | "prefix": "@xs",
18 | "body": [
19 | "@include breakpoint(xs) {",
20 | " ${1}",
21 | "}"
22 | ],
23 | "description": "Add media query for breakpoint (xs)"
24 | },
25 | "breakpoint (sm)": {
26 | "prefix": "@sm",
27 | "body": [
28 | "@include breakpoint(sm) {",
29 | " ${1}",
30 | "}"
31 | ],
32 | "description": "Add media query for breakpoint (sm)"
33 | },
34 | "breakpoint (md)": {
35 | "prefix": "@md",
36 | "body": [
37 | "@include breakpoint(md) {",
38 | " ${1}",
39 | "}"
40 | ],
41 | "description": "Add media query for breakpoint (md)"
42 | },
43 | "breakpoint (lg)": {
44 | "prefix": "@lg",
45 | "body": [
46 | "@include breakpoint(lg) {",
47 | " ${1}",
48 | "}"
49 | ],
50 | "description": "Add media query for breakpoint (lg)"
51 | },
52 | "breakpoint (xl)": {
53 | "prefix": "@xl",
54 | "body": [
55 | "@include breakpoint(xl) {",
56 | " ${1}",
57 | "}"
58 | ],
59 | "description": "Add media query for breakpoint (xl)"
60 | },
61 | "Define Color Variable": {
62 | "prefix": "defineColorHSL",
63 | "body": [
64 | "@include defineColorHSL(--${1}, ${2:250}, ${3:84}%, ${4:54}%);"
65 | ],
66 | "description": "Define color variable"
67 | },
68 | "color primary darker": {
69 | "prefix": "--color-primary-darker",
70 | "body": [
71 | "var(--color-primary-darker)"
72 | ],
73 | "description": "color primary darker"
74 | },
75 | "color primary dark": {
76 | "prefix": "--color-primary-dark",
77 | "body": [
78 | "var(--color-primary-dark)"
79 | ],
80 | "description": "color primary dark"
81 | },
82 | "color primary": {
83 | "prefix": "--color-primary",
84 | "body": [
85 | "var(--color-primary)"
86 | ],
87 | "description": "color primary"
88 | },
89 | "color primary light": {
90 | "prefix": "--color-primary-light",
91 | "body": [
92 | "var(--color-primary-light)"
93 | ],
94 | "description": "color primary light"
95 | },
96 | "color primary lighter": {
97 | "prefix": "--color-primary-lighter",
98 | "body": [
99 | "var(--color-primary-lighter)"
100 | ],
101 | "description": "color primary lighter"
102 | },
103 | "color accent darker": {
104 | "prefix": "--color-accent-darker",
105 | "body": [
106 | "var(--color-accent-darker)"
107 | ],
108 | "description": "color accent darker"
109 | },
110 | "color accent dark": {
111 | "prefix": "--color-accent-dark",
112 | "body": [
113 | "var(--color-accent-dark)"
114 | ],
115 | "description": "color accent dark"
116 | },
117 | "color accent": {
118 | "prefix": "--color-accent",
119 | "body": [
120 | "var(--color-accent)"
121 | ],
122 | "description": "color accent"
123 | },
124 | "color accent light": {
125 | "prefix": "--color-accent-light",
126 | "body": [
127 | "var(--color-accent-light)"
128 | ],
129 | "description": "color accent light"
130 | },
131 | "color accent lighter": {
132 | "prefix": "--color-accent-lighter",
133 | "body": [
134 | "var(--color-accent-lighter)"
135 | ],
136 | "description": "color accent lighter"
137 | },
138 | "color black": {
139 | "prefix": "--color-black",
140 | "body": [
141 | "var(--color-black)"
142 | ],
143 | "description": "color black"
144 | },
145 | "color white": {
146 | "prefix": "--color-white",
147 | "body": [
148 | "var(--color-white)"
149 | ],
150 | "description": "color white"
151 | },
152 | "color success darker": {
153 | "prefix": "--color-success-darker",
154 | "body": [
155 | "var(--color-success-darker)"
156 | ],
157 | "description": "color success darker"
158 | },
159 | "color success dark": {
160 | "prefix": "--color-success-dark",
161 | "body": [
162 | "var(--color-success-dark)"
163 | ],
164 | "description": "color success dark"
165 | },
166 | "color success": {
167 | "prefix": "--color-success",
168 | "body": [
169 | "var(--color-success)"
170 | ],
171 | "description": "color success"
172 | },
173 | "color success light": {
174 | "prefix": "--color-success-light",
175 | "body": [
176 | "var(--color-success-light)"
177 | ],
178 | "description": "color success light"
179 | },
180 | "color success lighter": {
181 | "prefix": "--color-success-lighter",
182 | "body": [
183 | "var(--color-success-lighter)"
184 | ],
185 | "description": "color success lighter"
186 | },
187 | "color error darker": {
188 | "prefix": "--color-error-darker",
189 | "body": [
190 | "var(--color-error-darker)"
191 | ],
192 | "description": "color error darker"
193 | },
194 | "color error dark": {
195 | "prefix": "--color-error-dark",
196 | "body": [
197 | "var(--color-error-dark)"
198 | ],
199 | "description": "color error dark"
200 | },
201 | "color error": {
202 | "prefix": "--color-error",
203 | "body": [
204 | "var(--color-error)"
205 | ],
206 | "description": "color error"
207 | },
208 | "color error light": {
209 | "prefix": "--color-error-light",
210 | "body": [
211 | "var(--color-error-light)"
212 | ],
213 | "description": "color error light"
214 | },
215 | "color error lighter": {
216 | "prefix": "--color-error-lighter",
217 | "body": [
218 | "var(--color-error-lighter)"
219 | ],
220 | "description": "color error lighter"
221 | },
222 | "color warning darker": {
223 | "prefix": "--color-warning-darker",
224 | "body": [
225 | "var(--color-warning-darker)"
226 | ],
227 | "description": "color warning darker"
228 | },
229 | "color warning dark": {
230 | "prefix": "--color-warning-dark",
231 | "body": [
232 | "var(--color-warning-dark)"
233 | ],
234 | "description": "color warning dark"
235 | },
236 | "color warning": {
237 | "prefix": "--color-warning",
238 | "body": [
239 | "var(--color-warning)"
240 | ],
241 | "description": "color warning"
242 | },
243 | "color warning light": {
244 | "prefix": "--color-warning-light",
245 | "body": [
246 | "var(--color-warning-light)"
247 | ],
248 | "description": "color warning light"
249 | },
250 | "color warning lighter": {
251 | "prefix": "--color-warning-lighter",
252 | "body": [
253 | "var(--color-warning-lighter)"
254 | ],
255 | "description": "color warning lighter"
256 | },
257 | "color background darker": {
258 | "prefix": "--color-bg-darker",
259 | "body": [
260 | "var(--color-bg-darker)"
261 | ],
262 | "description": "color background darker"
263 | },
264 | "color background dark": {
265 | "prefix": "--color-bg-dark",
266 | "body": [
267 | "var(--color-bg-dark)"
268 | ],
269 | "description": "color background dark"
270 | },
271 | "color background": {
272 | "prefix": "--color-bg",
273 | "body": [
274 | "var(--color-bg)"
275 | ],
276 | "description": "color background"
277 | },
278 | "color background light": {
279 | "prefix": "--color-bg-light",
280 | "body": [
281 | "var(--color-bg-light)"
282 | ],
283 | "description": "color background light"
284 | },
285 | "color background lighter": {
286 | "prefix": "--color-bg-lighter",
287 | "body": [
288 | "var(--color-bg-lighter)"
289 | ],
290 | "description": "color background lighter"
291 | },
292 | "color contrast lower": {
293 | "prefix": "--color-contrast-lower",
294 | "body": [
295 | "var(--color-contrast-lower)"
296 | ],
297 | "description": "color contrast lower"
298 | },
299 | "color contrast low": {
300 | "prefix": "--color-contrast-low",
301 | "body": [
302 | "var(--color-contrast-low)"
303 | ],
304 | "description": "color contrast low"
305 | },
306 | "color contrast medium": {
307 | "prefix": "--color-contrast-medium",
308 | "body": [
309 | "var(--color-contrast-medium)"
310 | ],
311 | "description": "color contrast medium"
312 | },
313 | "color contrast high": {
314 | "prefix": "--color-contrast-high",
315 | "body": [
316 | "var(--color-contrast-high)"
317 | ],
318 | "description": "color contrast high"
319 | },
320 | "color contrast higher": {
321 | "prefix": "--color-contrast-higher",
322 | "body": [
323 | "var(--color-contrast-higher)"
324 | ],
325 | "description": "color contrast higher"
326 | },
327 | "fontSmooth": {
328 | "prefix": "fontSmooth",
329 | "body": [
330 | "@include fontSmooth;"
331 | ],
332 | "description": "smooth font rendering"
333 | },
334 | "lhCrop": {
335 | "prefix": "lhCrop",
336 | "body": [
337 | "@include lhCrop(${1:lineHeight}, ${2:var(--font-primary-capital-letter): 1});"
338 | ],
339 | "description": "crop top space on text elements"
340 | },
341 | "triangle": {
342 | "prefix": "triangle",
343 | "body": [
344 | "@include triangle(${1:direction: up/down/left/right}, ${2:width: 12px}, ${3:color});"
345 | ],
346 | "description": "CSS triangle"
347 | },
348 | "reset (mixin)": {
349 | "prefix": "reset",
350 | "body": [
351 | "@include reset;"
352 | ],
353 | "description": "reset user agent style"
354 | },
355 | "alpha": {
356 | "prefix": "alpha",
357 | "body": [
358 | "alpha(${1:var(--color-name)}, ${2:opacity: 1});"
359 | ],
360 | "description": "alpha color function"
361 | },
362 | "lightness": {
363 | "prefix": "lightness",
364 | "body": [
365 | "lightness(${1:var(--color-name)}, ${2:lightnessMultiplier: 1});"
366 | ],
367 | "description": "lightness color function"
368 | },
369 | "adjustHSLA": {
370 | "prefix": "adjustHSLA",
371 | "body": [
372 | "adjustHSLA(${1:var(--color-name)}, ${2:hueMultiplier: 1}, ${3:saturationMultiplier: 1}, ${4:lightnessMultiplier: 1}, ${5:opacity: 1});"
373 | ],
374 | "description": "adjustHSLA color function"
375 | },
376 | "spaceUnit": {
377 | "prefix": "spaceUnit",
378 | "body": [
379 | "@include spaceUnit(${1:spaceUnit});"
380 | ],
381 | "description": "edit space unit on a component level"
382 | },
383 | "textUnit": {
384 | "prefix": "textUnit",
385 | "body": [
386 | "@include textUnit(${1:textUnit});"
387 | ],
388 | "description": "edit text unit on a component level"
389 | },
390 | "ease-out-back timing function": {
391 | "prefix": "--ease-out-back timing function",
392 | "body": [
393 | "var(--ease-out-back)"
394 | ],
395 | "description": "ease-out-back timing function"
396 | },
397 | "ease-in-out timing function": {
398 | "prefix": "--ease-in-out timing function",
399 | "body": [
400 | "var(--ease-in-out)"
401 | ],
402 | "description": "ease-in-out timing function"
403 | },
404 | "ease-in timing function": {
405 | "prefix": "--ease-in timing function",
406 | "body": [
407 | "var(--ease-in)"
408 | ],
409 | "description": "ease-in timing function"
410 | },
411 | "ease-out timing function": {
412 | "prefix": "--ease-out timing function",
413 | "body": [
414 | "var(--ease-out)"
415 | ],
416 | "description": "ease-out timing function"
417 | },
418 | "radius sm": {
419 | "prefix": "--radius-sm",
420 | "body": [
421 | "var(--radius-sm)"
422 | ],
423 | "description": "radius size sm"
424 | },
425 | "radius md": {
426 | "prefix": "--radius-md",
427 | "body": [
428 | "var(--radius-md)"
429 | ],
430 | "description": "radius size md"
431 | },
432 | "radius lg": {
433 | "prefix": "--radius-lg",
434 | "body": [
435 | "var(--radius-lg)"
436 | ],
437 | "description": "radius size lg"
438 | },
439 | "shadow xs": {
440 | "prefix": "--shadow-xs",
441 | "body": [
442 | "var(--shadow-xs)"
443 | ],
444 | "description": "shadow size xs"
445 | },
446 | "shadow sm": {
447 | "prefix": "--shadow-sm",
448 | "body": [
449 | "var(--shadow-sm)"
450 | ],
451 | "description": "shadow size sm"
452 | },
453 | "shadow md": {
454 | "prefix": "--shadow-md",
455 | "body": [
456 | "var(--shadow-md)"
457 | ],
458 | "description": "shadow size md"
459 | },
460 | "shadow lg": {
461 | "prefix": "--shadow-lg",
462 | "body": [
463 | "var(--shadow-lg)"
464 | ],
465 | "description": "shadow size lg"
466 | },
467 | "shadow xl": {
468 | "prefix": "--shadow-xl",
469 | "body": [
470 | "var(--shadow-xl)"
471 | ],
472 | "description": "shadow size xl"
473 | },
474 | "inner glow": {
475 | "prefix": "--inner-glow",
476 | "body": [
477 | "var(--inner-glow)"
478 | ],
479 | "description": "inner glow"
480 | },
481 | "inner glow top": {
482 | "prefix": "--inner-glow-top",
483 | "body": [
484 | "var(--inner-glow-top)"
485 | ],
486 | "description": "inner glow top"
487 | },
488 | "space xxxxs": {
489 | "prefix": "--space-xxxxs",
490 | "body": [
491 | "var(--space-xxxxs)"
492 | ],
493 | "description": "space size xxxxs"
494 | },
495 | "space xxxs": {
496 | "prefix": "--space-xxxs",
497 | "body": [
498 | "var(--space-xxxs)"
499 | ],
500 | "description": "space size xxxs"
501 | },
502 | "space xxs": {
503 | "prefix": "--space-xxs",
504 | "body": [
505 | "var(--space-xxs)"
506 | ],
507 | "description": "space size xxs"
508 | },
509 | "space xs": {
510 | "prefix": "--space-xs",
511 | "body": [
512 | "var(--space-xs)"
513 | ],
514 | "description": "space size xs"
515 | },
516 | "space sm": {
517 | "prefix": "--space-sm",
518 | "body": [
519 | "var(--space-sm)"
520 | ],
521 | "description": "space size sm"
522 | },
523 | "space md": {
524 | "prefix": "--space-md",
525 | "body": [
526 | "var(--space-md)"
527 | ],
528 | "description": "space size md"
529 | },
530 | "space lg": {
531 | "prefix": "--space-lg",
532 | "body": [
533 | "var(--space-lg)"
534 | ],
535 | "description": "space size lg"
536 | },
537 | "space xl": {
538 | "prefix": "--space-xl",
539 | "body": [
540 | "var(--space-xl)"
541 | ],
542 | "description": "space size xl"
543 | },
544 | "space xxl": {
545 | "prefix": "--space-xxl",
546 | "body": [
547 | "var(--space-xxl)"
548 | ],
549 | "description": "space size xxl"
550 | },
551 | "space xxxl": {
552 | "prefix": "--space-xxxl",
553 | "body": [
554 | "var(--space-xxxl)"
555 | ],
556 | "description": "space size xxxl"
557 | },
558 | "space xxxxl": {
559 | "prefix": "--space-xxxxl",
560 | "body": [
561 | "var(--space-xxxxl)"
562 | ],
563 | "description": "space size xxxxl"
564 | },
565 | "component padding": {
566 | "prefix": "--component-padding",
567 | "body": [
568 | "var(--component-padding)"
569 | ],
570 | "description": "space = component padding"
571 | },
572 | "body line-height": {
573 | "prefix": "--body-line-height",
574 | "body": [
575 | "--body-line-height"
576 | ],
577 | "description": "body line-height"
578 | },
579 | "heading line-height": {
580 | "prefix": "--heading-line-height",
581 | "body": [
582 | "--heading-line-height"
583 | ],
584 | "description": "heading line-height"
585 | },
586 | "line-height multiplier": {
587 | "prefix": "--line-height-multiplier",
588 | "body": [
589 | "--line-height-multiplier"
590 | ],
591 | "description": "modify the line-height of text elements"
592 | },
593 | "text-component vertical space multiplier": {
594 | "prefix": "--text-space-y-multiplier",
595 | "body": [
596 | "--text-space-y-multiplier"
597 | ],
598 | "description": "modify block margins of text components"
599 | },
600 | "primary font-family": {
601 | "prefix": "--font-primary",
602 | "body": [
603 | "var(--font-primary)"
604 | ],
605 | "description": "primary font-family"
606 | },
607 | "body font-size": {
608 | "prefix": "--text-base-size",
609 | "body": [
610 | "var(--text-base-size)"
611 | ],
612 | "description": "body font-size"
613 | },
614 | "type scale multiplier": {
615 | "prefix": "--text-scale-ratio",
616 | "body": [
617 | "var(--text-scale-ratio)"
618 | ],
619 | "description": "type scale multiplier"
620 | },
621 | "text xs": {
622 | "prefix": "--text-xs",
623 | "body": [
624 | "var(--text-xs)"
625 | ],
626 | "description": "text size xs"
627 | },
628 | "text sm": {
629 | "prefix": "--text-sm",
630 | "body": [
631 | "var(--text-sm)"
632 | ],
633 | "description": "text size sm"
634 | },
635 | "text md": {
636 | "prefix": "--text-md",
637 | "body": [
638 | "var(--text-md)"
639 | ],
640 | "description": "text size md"
641 | },
642 | "text lg": {
643 | "prefix": "--text-lg",
644 | "body": [
645 | "var(--text-lg)"
646 | ],
647 | "description": "text size lg"
648 | },
649 | "text xl": {
650 | "prefix": "--text-xl",
651 | "body": [
652 | "var(--text-xl)"
653 | ],
654 | "description": "text size xl"
655 | },
656 | "text xxl": {
657 | "prefix": "--text-xxl",
658 | "body": [
659 | "var(--text-xxl)"
660 | ],
661 | "description": "text size xxl"
662 | },
663 | "text xxxl": {
664 | "prefix": "--text-xxxl",
665 | "body": [
666 | "var(--text-xxxl)"
667 | ],
668 | "description": "text size xxxl"
669 | },
670 | "text xxxxl": {
671 | "prefix": "--text-xxxxl",
672 | "body": [
673 | "var(--text-xxxxl)"
674 | ],
675 | "description": "text size xxxxl"
676 | },
677 | "display value": {
678 | "prefix": "--display",
679 | "body": [
680 | "var(--display)"
681 | ],
682 | "description": "display value for .is-visible/.is-hidden"
683 | },
684 | "z-index header": {
685 | "prefix": "--z-index-header",
686 | "body": [
687 | "var(--z-index-header)"
688 | ],
689 | "description": "z-index header"
690 | },
691 | "z-index popover": {
692 | "prefix": "--z-index-popover",
693 | "body": [
694 | "var(--z-index-popover)"
695 | ],
696 | "description": "z-index popover elements"
697 | },
698 | "z-index fixed": {
699 | "prefix": "--z-index-fixed-element",
700 | "body": [
701 | "var(--z-index-fixed-element)"
702 | ],
703 | "description": "z-index fixed elements"
704 | },
705 | "z-index overlay": {
706 | "prefix": "--z-index-overlay",
707 | "body": [
708 | "var(--z-index-overlay)"
709 | ],
710 | "description": "z-index overlay elements"
711 | },
712 | "max-width xxxxs": {
713 | "prefix": "--max-width-xxxxs",
714 | "body": [
715 | "var(--max-width-xxxxs)"
716 | ],
717 | "description": "max-width xxxxs"
718 | },
719 | "max-width xxxs": {
720 | "prefix": "--max-width-xxxs",
721 | "body": [
722 | "var(--max-width-xxxs)"
723 | ],
724 | "description": "max-width xxxs"
725 | },
726 | "max-width xxs": {
727 | "prefix": "--max-width-xxs",
728 | "body": [
729 | "var(--max-width-xxs)"
730 | ],
731 | "description": "max-width xxs"
732 | },
733 | "max-width xs": {
734 | "prefix": "--max-width-xs",
735 | "body": [
736 | "var(--max-width-xs)"
737 | ],
738 | "description": "max-width xs"
739 | },
740 | "max-width sm": {
741 | "prefix": "--max-width-sm",
742 | "body": [
743 | "var(--max-width-sm)"
744 | ],
745 | "description": "max-width sm"
746 | },
747 | "max-width md": {
748 | "prefix": "--max-width-md",
749 | "body": [
750 | "var(--max-width-md)"
751 | ],
752 | "description": "max-width md"
753 | },
754 | "max-width lg": {
755 | "prefix": "--max-width-lg",
756 | "body": [
757 | "var(--max-width-lg)"
758 | ],
759 | "description": "max-width lg"
760 | },
761 | "max-width xl": {
762 | "prefix": "--max-width-xl",
763 | "body": [
764 | "var(--max-width-xl)"
765 | ],
766 | "description": "max-width xl"
767 | },
768 | "max-width xxl": {
769 | "prefix": "--max-width-xxl",
770 | "body": [
771 | "var(--max-width-xxl)"
772 | ],
773 | "description": "max-width xxl"
774 | },
775 | "max-width xxxl": {
776 | "prefix": "--max-width-xxxl",
777 | "body": [
778 | "var(--max-width-xxxl)"
779 | ],
780 | "description": "max-width xxxl"
781 | },
782 | "max-width xxxxl": {
783 | "prefix": "--max-width-xxxxl",
784 | "body": [
785 | "var(--max-width-xxxxl)"
786 | ],
787 | "description": "max-width xxxxl"
788 | },
789 | "space unit": {
790 | "prefix": "--space-unit",
791 | "body": [
792 | "--space-unit"
793 | ],
794 | "description": "space unit variable"
795 | },
796 | "text unit": {
797 | "prefix": "--text-unit",
798 | "body": [
799 | "--text-unit"
800 | ],
801 | "description": "text unit variable"
802 | },
803 | "grid columns": {
804 | "prefix": "--grid-columns",
805 | "body": [
806 | "--grid-columns"
807 | ],
808 | "description": "set number of grid columns"
809 | },
810 | "icon xxxs": {
811 | "prefix": "--icon-xxxs",
812 | "body": [
813 | "var(--icon-xxxs)"
814 | ],
815 | "description": "icon size xxxs"
816 | },
817 | "icon xxs": {
818 | "prefix": "--icon-xxs",
819 | "body": [
820 | "var(--icon-xxs)"
821 | ],
822 | "description": "icon size xxs"
823 | },
824 | "icon xs": {
825 | "prefix": "--icon-xs",
826 | "body": [
827 | "var(--icon-xs)"
828 | ],
829 | "description": "icon size xs"
830 | },
831 | "icon sm": {
832 | "prefix": "--icon-sm",
833 | "body": [
834 | "var(--icon-sm)"
835 | ],
836 | "description": "icon size sm"
837 | },
838 | "icon md": {
839 | "prefix": "--icon-md",
840 | "body": [
841 | "var(--icon-md)"
842 | ],
843 | "description": "icon size md"
844 | },
845 | "icon lg": {
846 | "prefix": "--icon-lg",
847 | "body": [
848 | "var(--icon-lg)"
849 | ],
850 | "description": "icon size lg"
851 | },
852 | "icon xl": {
853 | "prefix": "--icon-xl",
854 | "body": [
855 | "var(--icon-xl)"
856 | ],
857 | "description": "icon size xl"
858 | },
859 | "icon xxl": {
860 | "prefix": "--icon-xxl",
861 | "body": [
862 | "var(--icon-xxl)"
863 | ],
864 | "description": "icon size xxl"
865 | },
866 | "icon xxxl": {
867 | "prefix": "--icon-xxxl",
868 | "body": [
869 | "var(--icon-xxxl)"
870 | ],
871 | "description": "icon size xxxl"
872 | }
873 | }
--------------------------------------------------------------------------------
/img/cd-snippets-html.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codyhouse/codyhouse-vscode-snippets/b32d4b69d807dd68f3e1a6b9a95bdd3b682c3888/img/cd-snippets-html.gif
--------------------------------------------------------------------------------
/img/cd-snippets-js.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codyhouse/codyhouse-vscode-snippets/b32d4b69d807dd68f3e1a6b9a95bdd3b682c3888/img/cd-snippets-js.gif
--------------------------------------------------------------------------------
/img/cd-snippets-scss.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codyhouse/codyhouse-vscode-snippets/b32d4b69d807dd68f3e1a6b9a95bdd3b682c3888/img/cd-snippets-scss.gif
--------------------------------------------------------------------------------
/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codyhouse/codyhouse-vscode-snippets/b32d4b69d807dd68f3e1a6b9a95bdd3b682c3888/logo.png
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "codyhouse-snippets",
3 | "displayName": "CodyHouse Framework v3 (old version) Snippets",
4 | "description": "CodyHouse Framework v3 autocomplete for HTML and CSS",
5 | "version": "0.4.2",
6 | "publisher": "CodyHouse",
7 | "categories": [
8 | "Snippets"
9 | ],
10 | "contributes": {
11 | "snippets": [
12 | {
13 | "language": "html",
14 | "path": "./codyhouse-snippets-html.json"
15 | },
16 | {
17 | "language": "css",
18 | "path": "./codyhouse-snippets-scss.json"
19 | },
20 | {
21 | "language": "less",
22 | "path": "./codyhouse-snippets-scss.json"
23 | },
24 | {
25 | "language": "postcss",
26 | "path": "./codyhouse-snippets-scss.json"
27 | },
28 | {
29 | "language": "sass",
30 | "path": "./codyhouse-snippets-scss.json"
31 | },
32 | {
33 | "language": "scss",
34 | "path": "./codyhouse-snippets-scss.json"
35 | },
36 | {
37 | "language": "stylus",
38 | "path": "./codyhouse-snippets-scss.json"
39 | },
40 | {
41 | "language": "javascript",
42 | "path": "./codyhouse-snippets-js.json"
43 | }
44 | ]
45 | },
46 | "engines": {
47 | "vscode": "^1.30.0"
48 | },
49 | "icon": "logo.png",
50 | "keywords": [
51 | "codyhouse",
52 | "codyframe",
53 | "scss",
54 | "css",
55 | "html",
56 | "js",
57 | "snippets",
58 | "autocomplete",
59 | "vscode",
60 | "vscode-extension"
61 | ],
62 | "author": "CodyHouse ",
63 | "license": "MIT",
64 | "homepage": "https://github.com/CodyHouse/codyhouse-vscode-snippets/blob/master/README.md",
65 | "bugs": {
66 | "url": "https://github.com/CodyHouse/codyhouse-vscode-snippets/issues",
67 | "email": "help@codyhouse.co"
68 | },
69 | "repository": {
70 | "type": "git",
71 | "url": "https://github.com/CodyHouse/codyhouse-vscode-snippets.git"
72 | }
73 | }
--------------------------------------------------------------------------------