Visual Studio SCSS Bootstrap 4 Snippets

snippets.json

"Small Device Only": {
		"prefix": "sm",
		"body": [
			"@include media-breakpoint-only(sm) {",
			"\t$1",
			"}"
		]
	},
	"Medium Device Only": {
		"prefix": "md",
		"body": [
			"@include media-breakpoint-only(md) {",
			"\t$1",
			"}"
		]
	},
	"Large Device Only": {
		"prefix": "lg",
		"body": [
			"@include media-breakpoint-only(lg) {",
			"\t$1",
			"}"
		]
	},
	"Extra Large Device Only": {
		"prefix": "xl",
		"body": [
			"@include media-breakpoint-only(xl) {",
			"\t$1",
			"}"
		]
	},
	"Small Device Up": {
		"prefix": "smup",
		"body": [
			"@include media-breakpoint-up(sm) {",
			"\t$1",
			"}"
		]
	},
	"Medium Device Up": {
		"prefix": "mdup",
		"body": [
			"@include media-breakpoint-up(md) {",
			"\t$1",
			"}"
		]
	},
	"Large Device Up": {
		"prefix": "lgup",
		"body": [
			"@include media-breakpoint-up(lg) {",
			"\t$1",
			"}"
		]
	},
	"Extra Large Device Up": {
		"prefix": "xlup",
		"body": [
			"@include media-breakpoint-up(xl) {",
			"\t$1",
			"}"
		]
	},
	"Small Device Down": {
		"prefix": "smdown",
		"body": [
			"@include media-breakpoint-down(sm) {",
			"\t$1",
			"}"
		]
	},
	"Medium Device Down": {
		"prefix": "mddown",
		"body": [
			"@include media-breakpoint-down(md) {",
			"\t$1",
			"}"
		]
	},
	"Large Device Down": {
		"prefix": "lgdown",
		"body": [
			"@include media-breakpoint-down(lg) {",
			"\t$1",
			"}"
		]
	},
	"Extra Large Device Down": {
		"prefix": "xldown",
		"body": [
			"@include media-breakpoint-down(xl) {",
			"\t$1",
			"}"
		]
	}