duckyb / n7-snippets

Some VSCode snippets that might be useful when working with Net7 modules.

n7-snippets

This extension includes some snippets that might be useful when working with Net7 modules.

Features

Prefix	Description	Scope
n7-icon-font	Access all of the icon font's class names	Typescript, JSON, HTML, Javascript
n7-layout-config	Template for a layout's config	Typescript
n7-layout-datasource	Template for a layout's datasource	Typescript
n7-layout-eventhandler	Template for a layout's eventhandler	Typescript
n7-layout-ts-component	Template for a layout's angular component	Typescript
n7-layout-template	Template for a layout's HTML	HTML
n7-span-icon	Create a span with an icon class name	HTML
n7-comment-header	Insert a multiline header-comment	SCSS, CSS
n7-font-family	Add this attribute with an embedded variable	SCSS, CSS
n7-font-size	Add this attribute with an embedded variable	SCSS, CSS
n7-font-weight	Add this attribute with an embedded variable	SCSS, CSS
n7-margin	Add this attribute with an embedded variable	SCSS, CSS
n7-padding	Add this attribute with an embedded variable	SCSS, CSS
n7-color	Add this attribute with an embedded variable	SCSS, CSS
n7-border	Add this attribute with an embedded variable	SCSS, CSS
n7-background-color	Add this attribute with an embedded variable	SCSS, CSS
n7-var-color	Composes the variable name for colors	SCSS, CSS
n7-var-fonts	Composes the variable name for fonts	SCSS, CSS

Advanced Tips

1. Every prefix has a numberless equivalent. Tired of typing "n7-icon-font"? Just use "ns-icon-font" instead!
2. You don't need to type every character of the prefix, typing nsbgcol will find the "ns-background-color" snippet!
3. Type n7 to see all the available snippets for the file you're working on
4. Snippets not appearing? Use "ctrl/cmd" + "space" to summon them.

Preview