Не сталкивался с подобными плагинами, сам использую для этого сниппеты Emmet'а, очень удобно.
чиать тут."snippets": {
// "html": {
// "abbreviations": {
// "example": "<div class='example' title='Custom element example'>"
// }
// }
"css": {
"abbreviations": {
"mql": "@include breakpoint(${1:xlarge}) {\n\t|${2}\n}",
"mq": "@include breakpoint(${1:large}) {\n\t|${2}\n}",
"mqm": "@include breakpoint(${1:medium}) {\n\t|${2}\n}",
"mqs": "@include breakpoint(${1:small only}) {\n\t|${2}\n}",
"flex": "@include flex(${1:null}, ${2:null}, ${3:null}, ${4:null}, ${5:null});",
"inc": "@include ${1};",
"ext": "@extend ${1};",
"clear": "@include clearfix;",
"qqq": "&${1:-} {${2}}",
"dn": "display: none;",
"db": "display: block;",
"df": "display: flex;",
"di": "display: inline;",
"dib": "display: inline-block;",
"trans": "transition: \\$transition;",
"colw": "color: \\$whitish;",
"colb": "color: \\$blackish;",
"colp": "color: \\$primary;",
"cols": "color: \\$secondary;",
"bgcw": "background-color: \\$whitish;",
"bgcb": "background-color: \\$blackish;",
"bgcpr": "background-color: \\$primary;",
"bgcs": "background-color: \\$secondary;",
"hover": "@include superhover {\n\t|${1}\n}",
}
},
},
