Skip to content

Instantly share code, notes, and snippets.

@jonnymaceachern
Created January 21, 2020 19:44
Show Gist options
  • Save jonnymaceachern/a2192d9726d72b00f58e4385413771e1 to your computer and use it in GitHub Desktop.
Save jonnymaceachern/a2192d9726d72b00f58e4385413771e1 to your computer and use it in GitHub Desktop.
VS Code snippets for SCSS files
{
"@include media-breakpoint-only(xs)": {
"description": "Bootstrap media query for 'xs' only",
"prefix": "=xs",
"body": [
"@include media-breakpoint-only(xs) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-only(sm)": {
"description": "Bootstrap media query for 'sm' only",
"prefix": "=sm",
"body": [
"@include media-breakpoint-only(sm) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-only(md)": {
"description": "Bootstrap media query for 'md' only",
"prefix": "=md",
"body": [
"@include media-breakpoint-only(md) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-only(lg)": {
"description": "Bootstrap media query for 'lg' only",
"prefix": "=lg",
"body": [
"@include media-breakpoint-only(lg) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-only(xl)": {
"description": "Bootstrap media query for 'xl' only",
"prefix": "=xl",
"body": [
"@include media-breakpoint-only(xl) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-down(sm)": {
"description": "Bootstrap media query for 'sm' and lower",
"prefix": "<=sm",
"body": [
"@include media-breakpoint-down(sm) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-down(md)": {
"description": "Bootstrap media query for 'md' and lower",
"prefix": "<=md",
"body": [
"@include media-breakpoint-down(md) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-down(lg)": {
"description": "Bootstrap media query for 'lg' and lower",
"prefix": "<=lg",
"body": [
"@include media-breakpoint-down(lg) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-down(xl)": {
"description": "Bootstrap media query for 'xl' and lower",
"prefix": "<=xl",
"body": [
"@include media-breakpoint-down(xl) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-up(sm)": {
"description": "Bootstrap media query for 'sm' and up",
"prefix": ">=sm",
"body": [
"@include media-breakpoint-up(sm) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-up(md)": {
"description": "Bootstrap media query for 'md' and up",
"prefix": ">=md",
"body": [
"@include media-breakpoint-up(md) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-up(lg)": {
"description": "Bootstrap media query for 'lg' and up",
"prefix": ">=lg",
"body": [
"@include media-breakpoint-up(lg) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-up(xl)": {
"description": "Bootstrap media query for 'xl' and up",
"prefix": ">=xl",
"body": [
"@include media-breakpoint-up(xl) {",
"\t$1",
"}"
]
},
"@include media-breakpoint-between(sm, md)": {
"description": "Bootstrap media query for between 'sm' and 'md'",
"prefix": "sm-md",
"body": [
"@include media-breakpoint-between(sm, md)",
"\t$1",
"}"
]
},
"@include media-breakpoint-between(sm, lg)": {
"description": "Bootstrap media query for between 'sm' and 'lg'",
"prefix": "sm-lg",
"body": [
"@include media-breakpoint-between(sm, lg)",
"\t$1",
"}"
]
},
"@include media-breakpoint-between(sm, xl)": {
"description": "Bootstrap media query for between 'sm' and 'xl'",
"prefix": "sm-xl",
"body": [
"@include media-breakpoint-between(sm, xl)",
"\t$1",
"}"
]
},
"@include media-breakpoint-between(md, lg)": {
"description": "Bootstrap media query for between 'md' and 'lg'",
"prefix": "md-lg",
"body": [
"@include media-breakpoint-between(md, lg)",
"\t$1",
"}"
]
},
"@include media-breakpoint-between(md, xl)": {
"description": "Bootstrap media query for between 'md' and 'xl'",
"prefix": "md-xl",
"body": [
"@include media-breakpoint-between(md, xl)",
"\t$1",
"}"
]
},
"@include media-breakpoint-between(lg, xl)": {
"description": "Bootstrap media query for between 'lg' and 'xl'",
"prefix": "lg-xl",
"body": [
"@include media-breakpoint-between(lg, xl)",
"\t$1",
"}"
]
},
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment