Skip to content

Instantly share code, notes, and snippets.

@aegir01

aegir01/cloudSettings

Forked from io41/paginated_collection.js
Last active March 20, 2020 10:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save aegir01/4127452 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save aegir01/4127452 to your computer and use it in GitHub Desktop.
Download ZIP
Pagination with Backbone.js
Raw
cloudSettings
{"lastUpload":"2020-03-20T10:31:52.766Z","extensionVersion":"v3.4.3"}
Raw
extensions.json
[
{
"metadata": {
"id": "47137038-6832-49c2-a31c-9ad3d95187fc",
"publisherId": "Gruntfuggly.activitusbar",
"publisherDisplayName": "Gruntfuggly"
},
"name": "activitusbar",
"publisher": "Gruntfuggly",
"version": "0.0.25"
},
{
"metadata": {
"id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
"publisherId": "Shan.code-settings-sync",
"publisherDisplayName": "Shan"
},
"name": "code-settings-sync",
"publisher": "Shan",
"version": "3.4.3"
},
{
"metadata": {
"id": "f60a60a6-95ba-42d4-b41c-3d24c1b89588",
"publisherId": "EditorConfig.EditorConfig",
"publisherDisplayName": "EditorConfig"
},
"name": "EditorConfig",
"publisher": "EditorConfig",
"version": "0.14.4"
},
{
"metadata": {
"id": "be992f3f-9f22-4b66-a1d2-ecad04c28a28",
"publisherId": "abusaidm.html-snippets",
"publisherDisplayName": "abusaidm"
},
"name": "html-snippets",
"publisher": "abusaidm",
"version": "0.2.1"
},
{
"metadata": {
"id": "198a707e-28af-4e84-8610-6e2f628dd12d",
"publisherId": "redhat.java",
"publisherDisplayName": "redhat"
},
"name": "java",
"publisher": "redhat",
"version": "0.58.0"
},
{
"metadata": {
"id": "93ecc089-f396-47b4-8676-7fa3bc156a2c",
"publisherId": "sysoev.language-stylus",
"publisherDisplayName": "sysoev"
},
"name": "language-stylus",
"publisher": "sysoev",
"version": "1.11.0"
},
{
"metadata": {
"id": "98790d67-10fa-497c-9113-f6c7489207b2",
"publisherId": "yzhang.markdown-all-in-one",
"publisherDisplayName": "yzhang"
},
"name": "markdown-all-in-one",
"publisher": "yzhang",
"version": "2.7.0"
},
{
"metadata": {
"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
"publisherId": "esbenp.prettier-vscode",
"publisherDisplayName": "esbenp"
},
"name": "prettier-vscode",
"publisher": "esbenp",
"version": "3.20.0"
},
{
"metadata": {
"id": "f0c5397b-d357-4197-99f0-cb4202f22818",
"publisherId": "ms-vscode-remote.remote-wsl",
"publisherDisplayName": "ms-vscode-remote"
},
"name": "remote-wsl",
"publisher": "ms-vscode-remote",
"version": "0.42.4"
},
{
"metadata": {
"id": "3324c5be-43aa-4c39-a0f8-d94c2978804f",
"publisherId": "whatwedo.twig",
"publisherDisplayName": "whatwedo"
},
"name": "twig",
"publisher": "whatwedo",
"version": "1.0.2"
},
{
"metadata": {
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "2.1.1"
},
{
"metadata": {
"id": "61fcd0cf-64d7-4836-8d6b-d55f4fb83281",
"publisherId": "vscjava.vscode-java-debug",
"publisherDisplayName": "vscjava"
},
"name": "vscode-java-debug",
"publisher": "vscjava",
"version": "0.25.1"
},
{
"metadata": {
"id": "7865e561-1c83-410e-9b99-aabada597a7e",
"publisherId": "vscjava.vscode-java-dependency",
"publisherDisplayName": "vscjava"
},
"name": "vscode-java-dependency",
"publisher": "vscjava",
"version": "0.9.0"
},
{
"metadata": {
"id": "96f11e1f-1a46-4592-b084-f025b2c2a81f",
"publisherId": "vscjava.vscode-java-pack",
"publisherDisplayName": "vscjava"
},
"name": "vscode-java-pack",
"publisher": "vscjava",
"version": "0.8.1"
},
{
"metadata": {
"id": "67c06b0d-1891-42ca-b2a8-113e79bff069",
"publisherId": "vscjava.vscode-java-test",
"publisherDisplayName": "vscjava"
},
"name": "vscode-java-test",
"publisher": "vscjava",
"version": "0.22.2"
},
{
"metadata": {
"id": "c9c26801-8ea7-4dcc-887c-1d683494ff09",
"publisherId": "pthorsson.vscode-jsp",
"publisherDisplayName": "pthorsson"
},
"name": "vscode-jsp",
"publisher": "pthorsson",
"version": "0.0.3"
},
{
"metadata": {
"id": "b0f06c6b-24fb-4d7b-bd79-bc5e2fa17312",
"publisherId": "vscjava.vscode-maven",
"publisherDisplayName": "vscjava"
},
"name": "vscode-maven",
"publisher": "vscjava",
"version": "0.21.1"
},
{
"metadata": {
"id": "ba3827d9-4b3b-4156-b054-e5d2cbff6a87",
"publisherId": "HaaLeo.vscode-stylint",
"publisherDisplayName": "HaaLeo"
},
"name": "vscode-stylint",
"publisher": "HaaLeo",
"version": "0.1.3"
},
{
"metadata": {
"id": "6f5d4f30-67aa-4151-80c0-1bbe8ca5f9db",
"publisherId": "cssho.vscode-svgviewer",
"publisherDisplayName": "cssho"
},
"name": "vscode-svgviewer",
"publisher": "cssho",
"version": "2.0.0"
},
{
"metadata": {
"id": "97a08c5f-6667-4242-a5c5-045dfb6bd4b9",
"publisherId": "wayou.vscode-todo-highlight",
"publisherDisplayName": "wayou"
},
"name": "vscode-todo-highlight",
"publisher": "wayou",
"version": "1.0.4"
},
{
"metadata": {
"id": "876e8f93-74d0-4f4f-91b7-34a09f19f444",
"publisherId": "VisualStudioExptTeam.vscodeintellicode",
"publisherDisplayName": "VisualStudioExptTeam"
},
"name": "vscodeintellicode",
"publisher": "VisualStudioExptTeam",
"version": "1.2.6"
}
]
Raw
settings.json
{
"workbench.colorTheme": "Visual Studio Light", // <- Best set on a per-workspace basis
"eslint.autoFixOnSave": false,
"editor.formatOnSave": false,
"stylint.packageManager": "yarn", // or "npm"
"eslint.packageManager": "yarn", // or "npm"
"eslint.workingDirectories": ["C:\\Work\\git\\krabb\\karlaklefinn-nextjs"],
"emmet.excludeLanguages": ["markdown", "stylus"],
"window.zoomLevel": 0,
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"sync.gist": "4127452",
"workbench.settings.editor": "json",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": false
},
"terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\wsl.exe",
"files.autoSave": "off",
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"sync.quietSync": false
}
Raw
snippets\css.code-snippets
{
"Flex-item properties": {
"scope": "scss,stylus",
"prefix": "flexitem",
"body": [
"// flex-grow: 0;",
"// flex-shrink: 1;",
"// flex-basis: auto; // auto uses css width/height",
"// order: 0;",
"// // Override align-items (like vertical-align) on the parent",
"// align-self: auto; // auto | flex-start | flex-end | center | baseline | stretch;"
]
},
"Flex-box properties": {
"scope": "scss,stylus",
"prefix": "flex",
"body": [
"display: flex; // flex | inline-flex",
"// flex-direction: row; // row row-reverse | column | column-reverse",
"// flex-wrap: nowrap; // nowrap | wrap | wrap-reverse",
"// // Distribution along the flex-direction",
"// justify-content: flex-start; // flex-start | flex-end | center | space-between | space-around",
"// // Similar to vertical-align",
"// align-items: stretch; // stretch | flex-start | flex-end | center | baseline",
"// // Line-distribution for wrapped items (multi-line flex-box) - similar to line-height",
"// align-content: stretch; // stretch | flex-start | flex-end | center | space-between | space-around"
]
},
"calc() helper": {
"scope": "stylus",
"prefix": "calc",
"body": "csscalc($1, $2)",
},
"between() helper": {
"scope": "stylus",
"prefix": "between",
"body": "between(${1:A1}, ${2:A2}, ${3:B1}, ${4:B2}, ${5|%,vw,vh,vmin,vmax|})",
},
"rgba() helper": {
"scope": "stylus",
"prefix": "rgba",
"body": "rgba(${1:#000}, .${2:35})",
},
"_afterClear() helper": {
"scope": "stylus",
"prefix": "afterclear",
"body": "_afterClear();",
},
"_hideText() helper": {
"scope": "stylus",
"prefix": "hidetext",
"body": "_hideText(${1| ,soft,hard|});",
},
"_icon() helper": {
"scope": "stylus",
"prefix": "icon",
"body": "_icon(\\$icons.$1);",
},
"$icons.*": {
"scope": "stylus",
"prefix": "icn",
"body": "\\$icons.",
},
"_buttonReset() helper": {
"scope": "stylus",
"prefix": "buttonreset",
"body": "_buttonReset();",
},
"_sr-only*() helpers": {
"scope": "stylus",
"prefix": "sr",
"body": "${1|_sr-only,_sr-only--undo,_sr-only-focusable|}(${2| ,soft|});",
},
"()em helper": {
"scope": "stylus",
"prefix": "em",
"body": "($1)em",
},
"$bp.*": {
"scope": "stylus",
"prefix": "bp",
"body": "\\$bp.${1|phone-max,phablet-min,phablet-max,tablet-min,tablet-max,netbook-min,netbook-max,wide-min|}",
},
"&{} closure": {
"scope": "stylus",
"prefix": "closure",
"body": "&{ // BEGIN: closure for local variables\n$0} // END: closure",
},
"@require": {
"scope": "stylus",
"prefix": "require",
"body": "@require '$1';",
},
"@media {}": {
"scope": "stylus",
"prefix": "media",
"body": "@media \\$mq.${1|base,phone_tablet,phone_phablet,phone,phablet_up,phablet_tablet,phablet,tablet_up,tablet_netbook,tablet,netbook_up,netbook,wide|} {\n\n\t$0\n\n}",
},
"$mq.*": {
"scope": "stylus",
"prefix": "mq",
"body": "\\$mq.${1|base,phone_tablet,phone_phablet,phone,phablet_up,phablet_tablet,phablet,tablet_up,tablet_netbook,tablet,netbook_up,netbook,wide|}",
},
"width": {
"scope": "css,stylus,scss",
"prefix": "w",
"body": "width: $1;",
},
"height": {
"scope": "css,stylus,scss",
"prefix": "h",
"body": "height: $1;",
},
"display: none;": {
"scope": "css,stylus,scss",
"prefix": "none",
"body": "display: none;",
},
"display: block;": {
"scope": "css,stylus,scss",
"prefix": "block",
"body": "display: block;",
},
"display: inline;": {
"scope": "css,stylus,scss",
"prefix": "inl",
"body": "display: inline;",
},
"display: inline-block;": {
"scope": "css,stylus,scss",
"prefix": "inlb",
"body": "display: inline-block;",
},
"&:hover, &:focus, &:active": {
"scope": "stylus,scss",
"prefix": "hover",
"body": "&:hover,\n&:focus,\n&:active {\n\t$0\n}",
},
"&::before": {
"scope": "stylus,scss",
"prefix": "before",
"body": "&::before {\n\t$0\n}",
},
"&::after": {
"scope": "stylus,scss",
"prefix": "after",
"body": "&::after {\n\t$0\n}",
},
"position": {
"scope": "css,stylus,scss",
"prefix": "pos",
"body": "position: ${1|absolute,relative,fixed,static|};",
},
"position: absolute": {
"scope": "css,stylus,scss",
"prefix": "abs",
"body": "position: absolute;",
},
"position: relative": {
"scope": "css,stylus,scss",
"prefix": "rel",
"body": "position: relative;",
},
"padding 0": {
"scope": "css,stylus,scss",
"prefix": "pad",
"body": "padding: 0;",
},
"margin 0": {
"scope": "css,stylus,scss",
"prefix": "mar",
"body": "margin: 0;",
},
"text align center": {
"scope": "css,stylus,scss",
"prefix": "center",
"body": "text-align: center;",
},
"text align left": {
"scope": "css,stylus,scss",
"prefix": "left",
"body": "text-align: left;",
},
"text align right": {
"scope": "css,stylus,scss",
"prefix": "right",
"body": "text-align: right;",
},
"vertical align middle": {
"scope": "css,stylus,scss",
"prefix": "middle",
"body": "vertical-align: middle;",
},
"text-transform: uppercase": {
"scope": "css,stylus,scss",
"prefix": "upper",
"body": "text-transform: uppercase;",
},
"text-decoration: none": {
"scope": "css,stylus,scss",
"prefix": "noul",
"body": "text-decoration: none;",
},
"text-decoration: underline": {
"scope": "css,stylus,scss",
"prefix": "uline",
"body": "text-decoration: underline;",
},
"tuck": {
"scope": "css,stylus,scss",
"prefix": "tuck",
"body": "_tuck();",
},
"float": {
"scope": "css,stylus,scss",
"prefix": "fl",
"body": "float: left;",
},
"border": {
"scope": "css,stylus,scss",
"prefix": "border",
"body": "border: 1px solid #000;",
},
"border top": {
"scope": "css,stylus,scss",
"prefix": "brt",
"body": "border-top: 1px solid #000;",
},
"border bottom": {
"scope": "css,stylus,scss",
"prefix": "brb",
"body": "border-bottom: 1px solid #000;",
},
"border radius": {
"scope": "css,stylus,scss",
"prefix": "rad",
"body": "border-radius: 10px;",
},
"italic text": {
"scope": "css,stylus,scss",
"prefix": "italic",
"body": "font-style: italic;",
},
"normal text": {
"scope": "css,stylus,scss",
"prefix": "normal",
"body": "font-weight: 400;",
},
"bold text": {
"scope": "css,stylus,scss",
"prefix": "bold",
"body": "font-weight: 700;",
},
"transition": {
"scope": "css,stylus,scss",
"prefix": "trans",
"body": "transition: all .15s ease-in-out;",
},
"transform": {
"scope": "css,stylus,scss",
"prefix": "transform",
"body": "transform: translate(.333em, 5px) translate(0, 100%) skew(10deg) rotate(45deg) scale(1.5, 1.333);",
},
"linear gradient": {
"scope": "css,stylus,scss",
"prefix": "grad",
"body": "background-image: linear-gradient( 180deg, #fff 0%, #000 100% );",
},
"replace element": {
"scope": "css,stylus,scss",
"prefix": "replace",
"body": [
"_hideText(hard);",
"display: block;",
"background: url(i/) 0 0 no-repeat;",
"width: 20px;",
"height: 20px;"
],
},
}
Raw
snippets\html.code-snippets
{
"lor": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "lor",
"body": [
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
]
},
"HTML": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "html",
"body": [
"<!DOCTYPE html>",
"",
"<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en\">",
"<head>",
" <meta charset=\"UTF-8\" />",
" <meta name=\"HandheldFriendly\" content=\"true\" />",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
" <meta name=\"format-detection\" content=\"telephone=no\">",
"",
" <title></title>",
"",
"</head>",
"<body>",
"",
" ${0}",
"",
"</body>",
"</html>"
]
},
"cl": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "cl",
"body": ["class=\"${0}\""]
},
"id": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "id",
"body": ["id=\"${0}\""]
},
// HTML shorthands
"a": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "b",
"body": ["<a href=\"${0}\">${1}</a>"]
},
"b": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "b",
"body": ["<b>${1}</b>"]
},
"strong": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "strong",
"body": ["<strong>${1}</strong>"]
},
"em": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "em",
"body": ["<em>${1}</em>"]
},
"i": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "i",
"body": ["<i>${1}</i>"]
},
"small": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "small",
"body": ["<small>${1}</small>"]
},
"bq": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "bq",
"body": ["<blockquote>${1}</blockquote>"]
},
"br": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "br",
"body": ["<br/>"]
},
"p": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "p",
"body": ["<p>${1}</p>"]
},
"h1": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "h1",
"body": ["<h1>${1}</h1>"]
},
"h2": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "h2",
"body": ["<h2>${1}</h2>"]
},
"h3": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "h3",
"body": ["<h3>${1}</h3>"]
},
"h4": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "h4",
"body": ["<h4>${1}</h4>"]
},
"div": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "div",
"body": ["<div class=\"${0}\">${1}</div>"]
},
"span": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "span",
"body": ["<span>${1}</span>"]
},
"del": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "del",
"body": ["<del>${0}</del>"]
},
"ins": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "ins",
"body": ["<ins>${0}</ins>"]
},
"img": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "img",
"body": ["<img src=\"${1}\" alt=\"\" />"]
},
"script": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "script",
"body": ["<script>${1}</script>"]
},
"input": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "input",
"body": ["<input type=\"${1}\" id=\"\" name=\"\" value=\"\" />"]
},
"label": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "input",
"body": ["<label for=\"${1:xxx}\">${0}</label>"]
},
"option": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "option",
"body": ["<option value=\"${1}\"></option>"]
},
// tables
"table": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "table",
"body": [
"<table>",
" <thead>",
" <tr>",
" <th></th>",
" <th></th>",
" <th></th>",
" </tr>",
" </thead>",
" <tbody>",
" <tr>",
" <td></td>",
" <td></td>",
" <td></td>",
" </tr>",
" <tr>",
" <td></td>",
" <td></td>",
" <td></td>",
" </tr>",
" </tbody>",
"</table>"
]
},
"td": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "td",
"body": ["<td>${1}</td>"]
},
"th": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "th",
"body": ["<th>${1}</th>"]
},
"tr": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "tr",
"body": ["<tr>", " ${0}", "</tr>"]
},
// bullet lists
"ul": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "ul",
"body": ["<ul>", " <li>${0}</li>", "</ul>"]
},
"ol": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "ol",
"body": ["<ol>", " <li>${0}</li>", "</ol>"]
},
"li": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "li",
"body": ["<li>${1}</li>"]
},
// Eplica modules
"Module box": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "box",
"body": [
"<div class=\"box\">",
" <h2 class=\"boxhead\">${1:Titill}</h2>",
" <div class=\"boxbody\">",
" ${0:<p>Texti...</p>}",
" </div>",
"</div>"
]
},
"Articlelist": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "alist",
"body": [
"<div class=\"articlelist ${1}box\">",
" <h1 class=\"boxhead\">Greinar</h1>",
" <div class=\"boxbody\">",
"",
" <div class=\"item itm1 firstitem\">",
" <span class=\"img\"><img src\"myndir/image1.jpg\" alt=\"\" /></span>",
" <h3>",
" <span class=\"meta\"><span class=\"date\">12.12.2002</span></span>",
" <a class=\"atitle\" href=\"/url\">Title</a>",
" </h3>",
" <h4>Subtitle</h4>",
" <div class=\"summary\">",
" <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>",
" <span class=\"more\"><a href=\"/url\">Lesa meira</a></span>",
" </div>",
" </div>",
"",
" <ul>",
" <li><span class=\"meta\"><span class=\"date\">12.12.2002</span></span> <a href=\"/url\">Title</a></li>",
" </ul>",
"",
" <div class=\"moreolder\"><a href=\"/url\">Eldri fréttir</a></div>",
"",
" </div>",
"</div>"
]
},
// forms
"formbox": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "formbox",
"body": [
"<div class=\"form box\">",
" <h2 class=\"boxhead\">${0:Titill}</h2>",
" <form class=\"boxbody\" action=\"\">",
"",
" <fieldset>",
" <div class=\"fi_txt\">",
" <label for=\"${1:xxx}\">Text:</label>",
" <input id=\"${1:xxx}\" type=\"text\" name=\"xxx\" value=\"\" />",
" </div>",
" </fieldset>",
"",
" <div class=\"fi_btn\"><button type=\"submit\">Send</button></div>",
" </form>",
"</div>"
]
},
"textinput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_txt",
"body": [
"<div class=\"fi_txt\">",
" <label for=\"${1:xxx}\">Text:</label>",
" <input id=\"${1:xxx}\" type=\"text\" name=\"xxx\" value=\"\" />",
"</div>"
]
},
"emailinput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_email",
"body": [
"<div class=\"fi_txt fi_email\">",
" <label for=\"${1:email}\">Netfang:</label>",
" <input id=\"${1:email}\" type=\"email\" name=\"email\" value=\"\" />",
"</div>"
]
},
"fileinput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_email",
"body": [
"<div class=\"fi_file\">",
" <label for=\"${1:xxx}\">Text:</label>",
" <input id=\"${1:xxx}\" type=\"text\" name=\"xxx\" value=\"\" />",
"</div>"
]
},
"ssninput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_kt",
"body": [
"<div class=\"fi_txt fi_kt\">",
" <label for=\"${1:kt}\">Kennitala:</label>",
" <input id=\"${1:kt}\" name=\"${2:kt}\" type=\"tel\" pattern=\"\\d{6}[ -]?\\d{4}\" maxlength=\"11\" value=\"\" />",
"</div>"
]
},
"numberinput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_num",
"body": [
"<div class=\"fi_txt fi_num\">",
" <label for=\"${1:url}\">Tala:</label>",
" <input id=\"${1:url}\" type=\"tel\" name=\"number\" min=\"0\" max=\"100\" />",
"</div>"
]
},
"passwordinput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_pwd",
"body": [
"<div class=\"fi_txt fi_pwd\">",
" <label for=\"${1:pwd}\">Password:</label>",
" <input id=\"${1:pwd}\" type=\"password\" name=\"pwd\" value=\"\" />",
"</div>"
]
},
"phoneinput": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_tel",
"body": [
"<div class=\"fi_txt fi_tel\">",
" <label for=\"${1:tel}\">Sími:</label>",
" <input id=\"${1:tel}\" type=\"tel\" name=\"${2:tel}\" />",
"</div>"
]
},
"selectbox": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_sel",
"body": [
"<div class=\"fi_sel\">",
" <label for=\"${1:xxx}\">Name:</label>",
" <select id=\"${1:xxx}\" name=\"${2:name}\">",
" <option value=\"\">Veldu</option>",
" <option></option>",
" </select>",
"</div>"
]
},
"textarea": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_bdy",
"body": [
"<div class=\"fi_bdy\">",
" <label for=\"${1:comment}\">Comments:</label>",
" <textarea id=\"${1:comment}\" name=\"${2:comment}\" cols=\"60\" rows=\"5\"></textarea>",
"</div>"
]
},
"checkbox": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_chk",
"body": [
"<div class=\"fi_chk\">",
" <input id=\"${1:xxx}\" name=\"${2:name}\" value=\"yes\" type=\"checkbox\" />",
" <label for=\"${1:xxx}\">Text</label>",
"</div>"
]
},
"formbutton": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_btn",
"body": [
"<div class=\"fi_btn\"><button type=\"submit\">Send</button></div>"
]
},
"formbutton2": {
"scope": "html,jsp,php,velocity,javascript",
"prefix": "fi_but",
"body": ["fi_btn"]
}
}
Raw
snippets\javascript.code-snippets
{
"Console Log": {
"scope": "javascript",
"prefix": "log",
"body": "console.log($0);"
},
"FOOBAR Logging": {
"scope": "javascript",
"prefix": "foobar",
"body": "console.log('FOOBAR ', ${1:[${2}]});"
},
"ga event": {
"scope": "javascript",
"prefix": "ga",
"body": "ga('send','event', 'category (button/download...)', 'action (click)', 'label');"
},
"Class": {
"scope": "javascript",
"prefix": "class",
"body": "class ${1:MyComponent} extends ${2:React.Component} {\n\n\t$0\n\n}"
},
"Constructor": {
"scope": "javascript",
"prefix": "constr",
"body": "constructor(props) {\n\tsuper(props);\n\t$0\n}"
},
"Arrow function": {
"scope": "javascript",
"prefix": "fn",
"body": "(${1:param}) => ${2:{${3}\\}}"
},
"Identity function": {
"scope": "javascript",
"prefix": "fni",
"body": "(${1:x}) => ${1:x}$0"
},
"Function": {
"scope": "javascript",
"prefix": "func",
"body": "function (${1:param}) {$0}"
},
"Import": {
"scope": "javascript",
"prefix": "import",
"body": "import ${2:{ ${3} \\}} from '${1:./}';$0"
},
"Bind Instance Method": {
"scope": "javascript",
"prefix": "thisbind",
"body": "(this/*:any*/).${1:method} = this.${1:method}.bind(this);$0"
},
"setTimeout": {
"scope": "javascript",
"prefix": "timeout",
"body": [
"setTimeout(function () {",
" ${0}",
"}, 0);"
]
},
"if": {
"scope": "javascript",
"prefix": "if",
"body": [
"if ( ${1} ) {",
" ${0}",
"}"
]
},
"else": {
"scope": "javascript",
"prefix": "else",
"body": [
"else {",
" ${0}",
"}"
]
},
"elseif": {
"scope": "javascript",
"prefix": "elseif",
"body": [
"else if ( ${1} ) {",
" ${0}",
"}"
]
},
// flow
"Insert Inline Flow Annotation": {
"scope": "javascript",
"prefix": "/",
"body": "/*:${1:type}*/$0"
},
"Insert Flow Annotation Block": {
"scope": "javascript",
"prefix": "flow",
"body": "/*::\n${0}\n*/"
},
"Import Flow Type": {
"scope": "javascript",
"prefix": "importtype",
"body": "import type { ${3} \\} from '${1:./}';$0"
},
// react
"React Key Props": {
"scope": "javascript",
"prefix": "ke",
"body": "key={i}"
},
"React Component": {
"scope": "javascript",
"prefix": "jsx",
"body": [
"import React from 'react';",
"",
"export default class ${0} extends React.Component {",
" constructor(props) {",
" super(props);",
" this.state = {};",
" }",
"",
" render() {",
" return (",
" );",
" }",
"}"
]
},
"React import": {
"scope": "javascript,typescript,typescriptreact",
"prefix": "react",
"body": "import React from 'react';$0"
},
"Preact import": {
"scope": "javascript,typescript,typescriptreact",
"prefix": "preact",
"body": "/** @jsx h */\nimport { h } from 'preact';$0"
},
"Function Component (js)": {
"scope": "javascript",
"prefix": "component",
"body": [
"import React from 'react';",
"",
"/*",
"interface P {",
" $2",
"}",
"*/",
"const $1 = ({ $3 }) => {",
" return (",
" $0",
" );",
"};",
"",
"export default $1;"
]
},
// Global:
// --------------------------------------------------------------------------------
"Insert curly braces": {
"scope": "javascript,typescript,typescriptreact,css,scss,java,jsp,json,text,markdown",
"prefix": "x",
"body": "{$0}"
},
"Insert square brackets": {
"scope": "javascript,typescript,typescriptreact,css,scss,java,jsp,json,text,markdown",
"prefix": "z",
"body": "[$0]"
},
}
Raw
snippets\jquery.code-snippets
{
// shorthands
".css": {
"scope": "javascript",
"prefix": ".css",
"body": ".css({'${1:prop}': val});"
},
".each": {
"scope": "javascript",
"prefix": ".each",
"body": ".each(function () {\n\t${1}\n});"
},
".filter": {
"scope": "javascript",
"prefix": ".filter",
"body": ".filter(function () { return \\$(this).find('li').length > ${1:1}; })"
},
".find": {
"scope": "javascript",
"prefix": ".find",
"body": ".find('${1}')"
},
".is": {
"scope": "javascript",
"prefix": ".is",
"body": ".is('${1}')"
},
".not": {
"scope": "javascript",
"prefix": ".not",
"body": ".not('${1}')"
},
".attr": {
"scope": "javascript",
"prefix": ".attr",
"body": ".attr('${1}'${2:,})"
},
".on": {
"scope": "javascript",
"prefix": ".on",
"body": [
".on('${1}', function (e) {",
" ${2}",
" });"
]
},
".one": {
"scope": "javascript",
"prefix": ".one",
"body": [
".one('${1}', function (e) {",
" ${2}",
" });"
]
},
".trigger": {
"scope": "javascript",
"prefix": ".trigger",
"body": [
".trigger('${1}')"
]
},
".onformatchange": {
"scope": "javascript",
"prefix": ".format",
"body": [
".on('formatchange', function (e) {",
" if ( media.becameLarge ) {",
" }",
" else if ( media.becameSmall ) {",
" }",
" })"
]
},
"$.inArray": {
"scope": "javascript",
"prefix": ".inarr",
"body": "\\$.inArray(${1:val}, array) >= 0"
},
// ajax
"$.ajax": {
"scope": "javascript",
"prefix": "$.ajax",
"body": [
"if(xhr && xhr.readyState != 4) {",
" xhr.abort();",
"}",
"\\$html.addClass('ajax-wait');",
"xhr = \\$.ajax({",
" type: 'GET',",
" url: form.attr('action'),",
" data: form.serialize(),",
" dataType: 'json',",
" crossDomain: false",
" })",
" .done(function (data) {",
" data = \\$.parseJSON( data );",
" ;;;window.console&&console.log( data );",
" })",
" .always(function () {",
" \\$html.removeClass('ajax-wait');",
" });",
]
},
"$.get": {
"scope": "javascript",
"prefix": "$.get",
"body": [
"\\$html.addClass('ajax-wait');",
"\\$.get(",
" link.attr('href'),",
" 'justPicPos=pgmain'",
")",
".done(function(data) {",
" data = \\$.getResultBody( \\$.imgSuppress(data) ).find('.pgmain .box');",
" ;;;window.console&&console.log( \\$.imgUnsuppress(data) );",
"})",
".always(function() {",
" \\$html.removeClass('ajax-wait');",
"});"
]
},
"$.post": {
"scope": "javascript",
"prefix": "$.post",
"body": [
"\\$html.addClass('ajax-wait');",
"\\$.post(",
" form.attr('action'),",
" form.serialize() + '&justPicPos=pgmain'",
")",
".done(function(data) {",
" data = \\$.getResultBody( \\$.imgSuppress(data) ).find('.pgmain .box');",
" ;;;window.console&&console.log( \\$.imgUnSuppress(data) );",
"})",
".always(function() {",
" \\$html.removeClass('ajax-wait');",
"});"
]
},
// plugins
"req": {
"scope": "javascript",
"prefix": "modal",
"body": [
"Req(",
" '${1}',",
" function(){",
"",
" }",
");"
]
},
"fickle modal": {
"scope": "javascript",
"prefix": "modal",
"body": [
"var modal = \\$.getModal({",
" opener: link,",
" content: data,",
" fickle: {",
" fadein: 350,",
" fadeout: 250",
" },",
" onOpen: function () {",
" // window.ga && ga('send', 'pageview', {'page': link.attr('href'), 'title': data.filter('title').text()});",
" },",
" });",
"modal.fickle('open');"
]
},
"listscroller (crossfade)": {
"scope": "javascript",
"prefix": ".listscroll",
"body": [
".listscroller({",
" item : '.item',",
" paging : true,",
" statusPager : false,",
" jumpPager : false,",
" animation : 'crossfade',",
" speed : 800,",
" autoScrollDelay : 6000,",
" // startPos : 'random',",
" windowSize : 1,",
" stepSize : 1",
" });",
]
},
"listscroller (horizontal)": {
"scope": "javascript",
"prefix": ".listscrollhz",
"body": [
".listscroller({",
" item : '.item',",
" paging : true,",
" statusPager : false,",
" jumpPager : false,",
" aspect : 'horizontal',",
" animation : 'carousel',",
" wrap : 'loop',",
" speed : 800,",
" autoScrollDelay : 6000,",
" windowSize : 1,",
" stepSize : 1",
" });"
]
},
}
Raw
snippets\js-snippets.code-snippets
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"React component" : {
"scope": "javascript",
"prefix": "jsxc",
"body": [
"import React from 'react';",
"",
"export default class COMPONENT extends React.Component {",
"\tconstructor(props) {",
"\t\tsuper(props);",
"\t\tthis.state = {",
"\t\t",
"\t\t};",
"\t}",
"",
"\trender() {",
"\t\treturn (",
"\t\t);",
"\t}",
"}"
]
}
}
Raw
snippets\snippets.code-snippets
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
// Global:
// --------------------------------------------------------------------------------
"Insert bracket": {
"prefix": "x",
"body": [
"{${0:}",
"}"
]
},
// CSS:
// --------------------------------------------------------------------------------
"Flex-item properties": {
"scope": "scss,stylus",
"prefix": "flexitem",
"body": [
"// flex-grow: 0;",
"// flex-shrink: 1;",
"// flex-basis: auto; // auto uses css width/height",
"// order: 0;",
"// // Override align-items (like vertical-align) on the parent",
"// align-self: auto; // auto | flex-start | flex-end | center | baseline | stretch;"
]
},
"Flex-box properties": {
"scope": "scss,stylus",
"prefix": "flex",
"body": [
"display: flex; // flex | inline-flex",
"// flex-direction: row; // row row-reverse | column | column-reverse",
"// flex-wrap: nowrap; // nowrap | wrap | wrap-reverse",
"// // Distribution along the flex-direction",
"// justify-content: flex-start; // flex-start | flex-end | center | space-between | space-around",
"// // Similar to vertical-align",
"// align-items: stretch; // stretch | flex-start | flex-end | center | baseline",
"// // Line-distribution for wrapped items (multi-line flex-box) - similar to line-height",
"// align-content: stretch; // stretch | flex-start | flex-end | center | space-between | space-around"
]
},
"Style - !important": {
"body": "!important",
"prefix": "!",
"scope": "css,less,stylus"
},
"Style - &:hover": {
"body": "hover",
"prefix": "&:hover",
"scope": "css,less,stylus"
},
"Style - import": {
"body": "@import url(${1});",
"prefix": "@",
"scope": "css,less,stylus",
},
"Style - abs": {
"body": "position: absolute;",
"prefix": "abs",
"scope": "css,less,stylus",
},
"Style - :after": {
"body": ":after { content:\"\"; display:block; clear:both; height:0; visibility:hidden; },",
"prefix": ":after",
"scope": "css",
},
"Style - after clear": {
"body": "_afterClear();",
"prefix": "after",
"scope": "stylus",
},
"Style - after": {
"body": [
"&:after {",
" content: \"\";",
"}"
],
"prefix": "afterb",
"scope": "less,stylus",
},
"Style - animation": {
"body": [
"animation: ${0:name duration timing-function delay iteration-count direction fill-mode playstate};",
"// animation-name: none;",
"// animation-duration: 0ms",
"// animation-timing-function: ease; // ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end | steps(N, start|end) | cubic-bezier(x1, y1, x2, y2)",
"// animation-delay: 0ms;",
"// animation-iteration-count: 1; // <float> | infinite",
"// animation-direction: normal; // normal | reverse | alternate | alternate-reverse |",
"// animation-fill-mode: none; // none | forwards | backwards | both",
"// animation-play-state: running; // running | paused"
],
"prefix": "animation",
"scope": "css,less,stylus",
},
"Style - b": {
"body": "bottom: ${1};",
"prefix": "b",
"scope": "css,less,stylus",
},
"Style - css before": {
"body": [
"::before {${0:}",
"}"
],
"prefix": "before",
"scope": "css",
},
"Style - before": {
"body": [
"&::before {${0:}",
"}"
],
"prefix": "before",
"scope": "less,stylus",
},
"Style - bg": {
"body": "background: ${1},url('i/${2},') ${3:0 0}, ${4:no-repeat};",
"prefix": "bg",
"scope": "css,less,stylus",
},
"Style - bgcol": {
"body": "background-color: #${1};",
"prefix": "bgcol",
"scope": "css,less,stylus",
},
"Style - bgimg": {
"body": "background-image: url('i/${1},');",
"prefix": "bgimg",
"scope": "css,less,stylus",
},
"Style - bgpos": {
"body": "background-position: 0 0;",
"prefix": "bgpos",
"scope": "css,less,stylus",
},
"Style - bgrep": {
"body": "background-repeat: no-repeat;",
"prefix": "bgrep",
"scope": "css,less,stylus",
},
"Style - bgsize": {
"body": "background-size: contain;",
"prefix": "bgsize",
"scope": "css,less,stylus",
},
"Style - block": {
"body": "display: block;",
"prefix": "block",
"scope": "css,less,stylus",
},
"Style - blue": {
"body": "border: 1px solid blue;",
"prefix": "blue",
"scope": "css,less,stylus",
},
"Style - bold": {
"body": "font-weight: ${1:700};",
"prefix": "bold",
"scope": "css,less,stylus",
},
"Style - border": {
"body": "border: 1px solid #${1};",
"prefix": "border",
"scope": "css,less,stylus",
},
"Style - boxsize": {
"body": "box-sizing: ${1:border-box};",
"prefix": "boxsize",
"scope": "css,less,stylus",
},
"Style - brb": {
"body": "border-bottom: 1px solid #${1};",
"prefix": "brb",
"scope": "css,less,stylus",
},
"Style - brl": {
"body": "border-left: 1px solid #${1};",
"prefix": "brl",
"scope": "css,less,stylus",
},
"Style - brr": {
"body": "border-right: 1px solid #${1};",
"prefix": "brr",
"scope": "css,less,stylus",
},
"Style - brt": {
"body": "border-top: 1px solid #${1};",
"prefix": "brt",
"scope": "css,less,stylus",
},
"Style - bshad": {
"body": "box-shadow: 3px 3px 5px 0px #000;",
"prefix": "bshad",
"scope": "css,less,stylus",
},
"Style - bshadi": {
"body": "box-shadow: inset 3px 3px 5px 0px #000;",
"prefix": "bshadi",
"scope": "css,less,stylus",
},
"Style - btnimg": {
"body": [
"#__ir();",
"background: url(i/${1},) 0 0 no-repeat;",
"width: 20px;",
"height: 20px;"
],
"prefix": "btnimg",
"scope": "less",
},
"Style - cap": {
"body": "text-transform: capitalize;",
"prefix": "cap",
"scope": "css,less,stylus",
},
"Style - center": {
"body": "text-align: center;",
"prefix": "center",
"scope": "css,less,stylus",
},
"Style - firstchold": {
"body": [
"&:first-child {",
"${0}",
"}"
],
"prefix": "first",
"scope": "less,stylus",
},
"Style - last child": {
"body": [
"&:last-child {",
"${0}",
"}"
],
"prefix": "last",
"scope": "less,stylus",
},
"Style - nth child": {
"body": [
"&:nth-child(2n-1) {",
"${0}",
"}"
],
"prefix": "nth",
"scope": "less,stylus",
},
"Style - clear": {
"body": "clear: both;",
"prefix": "clear",
"scope": "css,less,stylus",
},
"Style - color": {
"body": "color: ${1:#};",
"prefix": "color",
"scope": "css,less,stylus",
},
"Style - cont": {
"body": "content: \"\\00a0\";",
"prefix": "cont",
"scope": "css,less,stylus",
},
"Style - content": {
"body": "content: \"\";",
"prefix": "content",
"scope": "css,less,stylus",
},
"Style - pointer": {
"body": "cursor: pointer;",
"prefix": "pointer",
"scope": "css,less,stylus",
},
"Style - wait": {
"body": "cursor: wait;",
"prefix": "wait",
"scope": "css,less,stylus",
},
"Style - fade": {
"body": "fade(${1:#000},,25%)",
"prefix": "fade",
"scope": "less,stylus",
},
"Style - family": {
"body": "font-family: ${1:, sans-serif};",
"prefix": "family",
"scope": "css,less,stylus",
},
"Style - fixed": {
"body": "position: fixed;",
"prefix": "fixed",
"scope": "css,less,stylus",
},
"Style - fl": {
"body": "float: left;",
"prefix": "fl",
"scope": "css,less,stylus",
},
"Style - flexitem": {
"body": [
"//:: Shorthand: grow/shrink willingness and ideal base-length.",
"// flex-grow: 0;",
"// flex-shrink: 1;",
"// flex-basis: auto; // auto uses css width/height",
"// order: 0;",
"//:: Override align-items (like vertical-align) on the parent",
"// align-self: auto; // auto | flex-start | flex-end | center | baseline | stretch;"
],
"prefix": "flexitem",
"scope": "css,less,stylus",
},
"Style - fln": {
"body": "float: none;",
"prefix": "fln",
"scope": "css,less,stylus",
},
"Style - flr": {
"body": "float: right;",
"prefix": "flr",
"scope": "css,less,stylus",
},
"Style - focustarget": {
"body": "focustarget { position:absolute;right:9999px;left:auto; },",
"prefix": "focustarget",
},
"Style - font": {
"body": "font-size: ${1},em;",
"prefix": "font",
"scope": "css,less,stylus",
},
"Style - glow": {
"body": "box-shadow: rgba(0,0,0,.3) 0 0 10px;",
"prefix": "glow",
"scope": "css,less,stylus",
},
"Style - glowi": {
"body": "box-shadow: inset rgba(0,0,0,.3) 0 0 5px;",
"prefix": "glowi",
"scope": "css,less,stylus",
},
"Style - grad": {
"body": "background-image: linear-gradient( 180deg, #fff 0%, #000 100% ); /* 0°=N */",
"prefix": "grad",
"scope": "css,less,stylus",
},
"Style - green": {
"body": "border: 1px solid green;",
"prefix": "green",
"scope": "css,less,stylus",
},
"Style - h": {
"body": "height: ${1};",
"prefix": "h",
"scope": "css,less,stylus",
},
"Style - hide": {
"body": "visibility: hidden;",
"prefix": "hide",
"scope": "css,less,stylus",
},
"Style - hidetext": {
"body": "_hideText(${1},);",
"prefix": "hidetext",
"scope": "stylus",
},
"Style - :hover": {
"body": [
":hover,",
":focus,",
":active {",
" ${0},",
"}",
],
"prefix": ":hover",
"scope": "css -less",
},
"Style - hover": {
"body": [
"&:hover,",
"&:focus,",
"&:active {",
"${0}",
"}",
],
"prefix": "hover",
"scope": "less,stylus",
},
"Style - icon": {
"body": "_icon( $icon: \"\" );",
"prefix": "icon",
"scope": "stylus",
},
"Style - ind": {
"body": "text-indent: ${1:100%};",
"prefix": "ind",
"scope": "css,less,stylus",
},
"Style - inl": {
"body": "display: inline;",
"prefix": "inl",
"scope": "css,less,stylus",
},
"Style - inlb": {
"body": "display: inline-block;",
"prefix": "inlb",
"scope": "css,less,stylus",
},
"Style - ir": {
"body": "_hideText(${1:hard},);",
"prefix": "ir",
"scope": "stylus",
},
"Style - italic": {
"body": "font-style: ${1:italic};",
"prefix": "italic",
"scope": "css,less,stylus",
},
"Style - just": {
"body": "text-align: justified;",
"prefix": "just",
"scope": "css,less,stylus",
},
"Style - keyframes": {
"body": [
"@keyframes ${0:name}, {",
"0% { }",
"33%, 67% { }",
"100% { }",
"}"
],
"prefix": "keyframes",
"scope": "css,less,stylus",
},
"Style - l": {
"body": "left: ${1};",
"prefix": "l",
"scope": "css,less,stylus",
},
"Style - left": {
"body": "text-align: left;",
"prefix": "left",
"scope": "css,less,stylus",
},
"Style - letter": {
"body": "letter-spacing: ${1};",
"prefix": "letter",
"scope": "css,less,stylus",
},
"Style - line": {
"body": "line-height: 1;",
"prefix": "line",
"scope": "css,less,stylus",
},
"Style - list": {
"body": "list-style: none;",
"prefix": "list",
"scope": "css,less,stylus",
},
"Style - lower": {
"body": "text-transform: lowercase;",
"prefix": "lower",
"scope": "css,less,stylus",
},
"Style - mar": {
"body": "margin: ${1:0};",
"prefix": "mar",
"scope": "css,less,stylus",
},
"Style - mb": {
"body": "margin-bottom: ${1};",
"prefix": "mb",
"scope": "css,less,stylus",
},
"Style - media": {
"body": [
"+media($mq-${1:base},) {",
"${0}",
"}"
],
"prefix": "media",
"scope": "stylus",
},
"Style - @media": {
"body": [
"@media ${1:screen and (min-width: 480px) and (max-width: 760px)}, {",
" ${0}",
"}"
],
"prefix": "@media",
"scope": "css",
},
"Style - middle": {
"body": "vertical-align: middle;",
"prefix": "middle",
"scope": "css,less,stylus",
},
"Style - min": {
"body": "min-height: ${1:0};",
"prefix": "min",
"scope": "css,less,stylus",
},
"Style - ml": {
"body": "margin-left: ${1};",
"prefix": "ml",
"scope": "css,less,stylus",
},
"Style - mob": {
"body": "// mobile style",
"prefix": "mob",
"scope": "css,less,stylus",
},
"Style - module": {
"body": [
"// ===============================================================================",
"// Title/Description",
"// = =============================================================================",
"//",
"+media($mq-base) {",
"",
"}",
"",
"+media($mq-phone_phablet) { // $mq-Small",
"",
"}",
"",
"+media($mq-tablet_up) { // $mq-Large / $mq-tablet_netbook",
"",
"}",
"",
"+media($mq-wide) { // $mq-compact-wide",
"",
"}",
],
"prefix": "module",
"scope": "stylus",
},
"Style - mr": {
"body": "margin-right: ${1};",
"prefix": "mr",
"scope": "css,less,stylus",
},
"Style - mt": {
"body": "margin-top: ${1};",
"prefix": "mt",
"scope": "css,less,stylus",
},
"Style - nobg": {
"body": "background: 0;",
"prefix": "nobg",
"scope": "css,less,stylus",
},
"Style - nobr": {
"body": "border: 0;",
"prefix": "nobr",
"scope": "css,less,stylus",
},
"Style - nobshad": {
"body": "box-Shadow: none;",
"prefix": "nobshad",
"scope": "css,less,stylus",
},
"Style - none": {
"body": "display: none;",
"prefix": "none",
"scope": "css,less,stylus",
},
"Style - normal": {
"body": "font-weight: ${1:400};",
"prefix": "normal",
"scope": "css,less,stylus",
},
"Style - noul": {
"body": "text-decoration: none;",
"prefix": "noul",
"scope": "css,less,stylus",
},
"Style - nowrap": {
"body": "white-space: nowrap;",
"prefix": "nowrap",
"scope": "css,less,stylus",
},
"Style - outline": {
"body": "outline: none;",
"prefix": "outline",
"scope": "css,less,stylus",
},
"Style - over": {
"body": "overflow: hidden;",
"prefix": "over",
"scope": "css,less,stylus",
},
"Style - pad": {
"body": "padding: ${1:0};",
"prefix": "pad",
"scope": "css,less,stylus",
},
"Style - pb": {
"body": "padding-bottom: ${1};",
"prefix": "pb",
"scope": "css,less,stylus",
},
"Style - pl": {
"body": "padding-left: ${1};",
"prefix": "pl",
"scope": "css,less,stylus",
},
"Style - pr": {
"body": "padding-right: ${1};",
"prefix": "pr",
"scope": "css,less,stylus",
},
"Style - pt": {
"body": "padding-top: ${1};",
"prefix": "pt",
"scope": "css,less,stylus",
},
"Style - r": {
"body": "right: ${1};",
"prefix": "r",
"scope": "css,less,stylus",
},
"Style - rad": {
"body": "border-radius: ${1};",
"prefix": "rad",
"scope": "css,less,stylus",
},
"Style - radbl": {
"body": "border-bottom-left-radius: ${1};",
"prefix": "radbl",
"scope": "css,less,stylus",
},
"Style - radbr": {
"body": "border-bottom-right-radius: ${1};",
"prefix": "radbr",
"scope": "css,less,stylus",
},
"Style - radtl": {
"body": "border-top-left-radius: ${1};",
"prefix": "radtl",
"scope": "css,less,stylus",
},
"Style - radtr": {
"body": "border-top-right-radius: ${1};",
"prefix": "radtr",
"scope": "css,less,stylus",
},
"Style - red": {
"body": "border: 1px solid red;",
"prefix": "red",
"scope": "css,less,stylus",
},
"Style - rel": {
"body": "position: relative;",
"prefix": "rel",
"scope": "css,less,stylus",
},
"": {
"body": [
"overflow:hidden;",
"white-space: nowrap;",
"letter-spacing: -.4em;",
"text-indent: 150%;",
"text-align: left;",
"display: block;",
"background: url(i/${0},) 0 0 no-repeat;",
"width: 20px;",
"Style - replaceheight: 20px;"
],
"prefix": "replace",
"scope": "css -less",
},
"Style - replace": {
"body": [
"_hideText(hard);",
"display: block;",
"background: url(i/${0},) 0 0 no-repeat;",
"width: 20px;",
"height: 20px;"
],
"prefix": "replace",
"scope": "stylus",
},
"Style - rgba": {
"body": "rgba(0,0,0, .5)",
"prefix": "rgba",
"scope": "css,less,stylus",
},
"Style - right": {
"body": "text-align: right;",
"prefix": "right",
"scope": "css,less,stylus",
},
"Style - rot": {
"body": "transform: rotate(${1:3.14},deg);",
"prefix": "rot",
"scope": "css,less,stylus",
},
"Style - size": {
"body": "font-size: ${1},em;",
"prefix": "size",
"scope": "css,less,stylus",
},
"Style - static": {
"body": "position: static;",
"prefix": "static",
"scope": "css,less,stylus",
},
"Style - t": {
"body": "top: ${1};",
"prefix": "t",
"scope": "css,less,stylus",
},
"Style - top": {
"body": "vertical-align: top;",
"prefix": "top",
"scope": "css,less,stylus",
},
"Style - trans": {
"body": "transition: color .08s ease-in-out;",
"prefix": "trans",
"scope": "css,less,stylus",
},
"Style - triangle": {
"body": "_triangle($dir: top, $color: #fff, $h: 10px, $w: null, $wOffs: 50%, $wEdge: left, $shift: '');",
"prefix": "triangle",
"scope": "stylus",
},
"Style - tshad": {
"body": "text-shadow: 1px 1px 0 #000;",
"prefix": "tshad",
"scope": "css,less,stylus",
},
"Style - css tuck": {
"body": "{ position:absolute;right:9999px;left:auto; }",
"prefix": "tuck",
"scope": "css",
},
"Style - tuck": {
"body": [
"{",
"_tuck();",
"}",
],
"prefix": "tuck",
"scope": "stylus",
},
"Style - uline": {
"body": "text-decoration: underline;",
"prefix": "uline",
"scope": "css,less,stylus",
},
"Style - und": {
"body": "// undo mobile",
"prefix": "und",
"scope": "css,less,stylus",
},
"Style - upper": {
"body": "text-transform: uppercase;",
"prefix": "upper",
"scope": "css,less,stylus",
},
"Style - vis": {
"body": "visibility: hidden;",
"prefix": "vis",
"scope": "css,less,stylus",
},
"Style - w": {
"body": "width: ${1};",
"prefix": "w",
"scope": "css,less,stylus",
},
"Style - white": {
"body": "white-space: nowrap;",
"prefix": "white",
"scope": "css,less,stylus",
},
"Style - yel": {
"body": "border: 1px solid gold;",
"prefix": "yel",
"scope": "css,less,stylus",
},
"Style - z": {
"body": "z-index: 1;",
"prefix": "z",
"scope": "css,less,stylus",
},
// JavaScript:
// --------------------------------------------------------------------------------
"Console Log": {
"scope": "javascript",
"prefix": "log",
"body": "console.log($0);"
},
"FOOBAR Logging": {
"scope": "javascript",
"prefix": "foobar",
"body": "console.log('FOOBAR ', ${1:[${2}]});"
},
"Class": {
"scope": "javascript",
"prefix": "class",
"body": "class ${1:MyComponent} extends ${2:React.Component} {\n\n\t$0\n\n}"
},
"Constructor": {
"scope": "javascript",
"prefix": "constr",
"body": "constructor(props) {\n\tsuper(props);\n\t$0\n}"
},
"Arrow function": {
"scope": "javascript",
"prefix": "fn",
"body": "(${1:param}) => ${2:{${3}\\}}"
},
"Identity function": {
"scope": "javascript",
"prefix": "fni",
"body": "(${1:x}) => ${1:x}$0"
},
"Function": {
"scope": "javascript",
"prefix": "func",
"body": "function (${1:param}) {$0}"
},
"Import": {
"scope": "javascript",
"prefix": "import",
"body": "import ${2:{ ${3} \\}} from '${1:./}';$0"
},
"Bind Instance Method": {
"scope": "javascript",
"prefix": "thisbind",
"body": "this.${1:method} = this.${1:method}.bind(this);$0"
},
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment