VS Code Breakpoints for SASS

scss.json

{

	"Break Point Min": {
		"prefix": "bpmin",
		"body": [
			"@include bpmin($Breakpoint) {",
			"\t$CSS",
			"}",
		],
	},

	"Break Point Max": {
		"prefix": "bpmax",
		"body": [
			"@include bpmax($Breakpoint) {",
			"\t$CSS",
			"}",
		],
	},

	"Break Point Min Max": {
		"prefix": "bpminmax",
		"body": [
			"@include bpminmax($Breakpoint1, $Breakpoint2) {",
			"\t$CSS",
			"}",
		],
	},

	"Breakpoint Mixins": {
		"prefix": "bpmix",
		"body": [
			"@mixin bpmax($$breakpoint) {",
			"\t@media all and (max-width:($$breakpoint+px)) {",
			"\t\t@content;",
			"\t}",
			"}",
			
			"@mixin bpmin($$breakpoint) {",
			"\t@media all and (min-width:($$breakpoint+px)) {",
			"\t\t@content;",
			"\t}",
			"}",
			
			"@mixin bpminmax($$breakpointmin, $$breakpointmax) {",
			"\t@media all and (min-width:($$breakpointmin+px)) and (max-width:($$breakpointmax+px)) {",
			"\t\t@content;",
			"\t}",
			"}",
		],	
	},

	"Bootstrap Breakpoint Variables": {
		"prefix": "bpvar",
		"body": [
			"$$bp-sm: 576;",
			"$$bp-md: 768;",
			"$$bp-lg: 992;",
			"$$bp-xl: 1200;",
		],
	},

	"Ebikes4you Colos": {
		"prefix": "ebcol",
		"body": [
			"$$eb-blue: #35509e;",
			"$$eb-red: #d10b11;",
			"$$eb-gray: #383e42;",
			"$$eb-green: #009F3C;",
		],
	},

	"Import": {
		"prefix": "im",
		"body": [
			"@import '../../node_modules/$1';",
		],
	},

	"Local Import": {
		"prefix": "lim",
		"body": [
			"@import 'node_modules/$1';",
		],
	},

	"Kommentar Trennlinie": {
		"prefix": "cc",
		"body": [
			"// --------------------------------- $Kommentar ---------------------------------",
		],
	},

	"Comment Klein": {
		"prefix": "c",
		"body": [
			"// $Kommentar",
		],
	},

	"Extend": {
		"prefix": "ext",
		"body": [
			"@extend .$class;",
		],
	},

	"Clam Typo": {
		"prefix": "clam",
		"body": [
			"--minFontSize: $1px;",
			"--maxFontSize: $2px;",
			"--scaler: 5vw;",
			"font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );",
		],
	},
}