Created
January 16, 2018 03:56
-
-
Save hutch78/0f14ef5d7c248f6cb3daf19c8c6cddc8 to your computer and use it in GitHub Desktop.
VSCODE - User Snippets
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| /* | |
| // Place your snippets for Sass here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. 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": { | |
| "prefix": "log", | |
| "body": [ | |
| "console.log('$1');", | |
| "$2" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| */ | |
| // Place your snippets for Sass here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. 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: | |
| "At Breakpoint: Desktop": { | |
| "prefix": "abd", | |
| "body": [ | |
| "@include at-breakpoint($$desktop) {", | |
| "\t$1", | |
| "}" | |
| ], | |
| "description": "At-Breakpoint Media Query: DEsktop" | |
| }, | |
| "Media Query: Large Up": { | |
| "prefix": "mqlu", | |
| "body": [ | |
| "@media #{$$large-up} {", | |
| "\t$1", | |
| "}" | |
| ], | |
| "description": "Media Query - Large Up" | |
| }, | |
| "Media Query: Large Down": { | |
| "prefix": "mqld", | |
| "body": [ | |
| "@media #{$$large-down} {", | |
| "\t$1", | |
| "}" | |
| ], | |
| "description": "Media Query - Large Down" | |
| }, | |
| "Media Query: Medium Up": { | |
| "prefix": "mqmu", | |
| "body": [ | |
| "@media #{$$medium-up} {", | |
| "\t$1", | |
| "}" | |
| ], | |
| "description": "Media Query - Medium Up" | |
| }, | |
| "Media Query: Medium Down": { | |
| "prefix": "mqmd", | |
| "body": [ | |
| "@media #{$$medium-down} {", | |
| "\t$1", | |
| "}" | |
| ], | |
| "description": "Media Query - Medium Down" | |
| }, | |
| "Media Query: Medium Only": { | |
| "prefix": "mqmd", | |
| "body": [ | |
| "@media screen and (min-width: $$medium-lower) and (max-width: $$medium-upper){", | |
| "\t$1", | |
| "}" | |
| ], | |
| "description": "Media Query - Medium Only" | |
| }, | |
| // DISPLAY | |
| "display: block": { | |
| "prefix": "db", | |
| "body": [ | |
| "display: block;", | |
| "$1" | |
| ], | |
| "description": "" | |
| }, | |
| "display: inline-block": { | |
| "prefix": "dib", | |
| "body": [ | |
| "display: inline-block;", | |
| "$1" | |
| ], | |
| "description": "" | |
| }, | |
| "display: flex": { | |
| "prefix": "df", | |
| "body": [ | |
| "display: flex;" | |
| ], | |
| "description": "" | |
| }, | |
| "flex center": { | |
| "prefix": "flex-center", | |
| "body": [ | |
| "display: flex;", | |
| "align-items: center;", | |
| "justify-content: center;" | |
| ], | |
| "description": "" | |
| }, | |
| // POSITION | |
| "position: absolute": { | |
| "prefix": "pos-a", | |
| "body": [ | |
| "position: absolute;" | |
| ], | |
| "description": "" | |
| }, | |
| "position: relative": { | |
| "prefix": "pos-r", | |
| "body": [ | |
| "position: relative;" | |
| ], | |
| "description": "" | |
| }, | |
| // TEXT | |
| "text-align: right": { | |
| "prefix": "ta-r", | |
| "body": [ | |
| "text-align: right;" | |
| ], | |
| "description": "" | |
| }, | |
| "text-align: left": { | |
| "prefix": "ta-l", | |
| "body": [ | |
| "text-align: left;" | |
| ], | |
| "description": "" | |
| }, | |
| "text-align: center": { | |
| "prefix": "ta-c", | |
| "body": [ | |
| "text-align: center;" | |
| ], | |
| "description": "" | |
| }, | |
| "text-transform: uppercase": { | |
| "prefix": "ttu", | |
| "body": [ | |
| "text-transform: uppercase;" | |
| ], | |
| "description": "" | |
| }, | |
| // BACKGROUND | |
| "background-color": { | |
| "prefix": "bgc", | |
| "body": [ | |
| "background-color: $1" | |
| ], | |
| "description": "" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment