Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS user snippet used with VSCode
{
/*
// Place your snippets for CSS 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"
}
*/
"Condensed Font Stack": {
"prefix": ",condensed",
"body": [
"Oswald, 'Avenir Next Condensed', AvenirNextCondensed-Medium, HelveticaNeue, sans-serif-condensed, 'Gill Sans Nova Cond', 'Arial Narrow', sans-serif;${0}"
],
"description": [
"Condensed font stack for",
"Apple, Windows, & Android"
]
},
"Common UI Font Stack": {
"prefix": ",ui",
"body": [
"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;${0}"
],
"description": [
"Common system fonts used by",
"Apple, Windows, & Android"
]
},
"Heading": {
"prefix": ",hx",
"body": "h1, h2, h3, h4, h5, h6",
"description": "Selector list for headings"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment