VS Code snippets for SCSS files

scss.json

{
	"@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",
			"}"
		]
	},
}