VS Code Snippets

css.json

{
  "CSS rules declaration order": {
    "prefix": "do",
    "body": [
      ".${1:class-name} {",
      "/* Positioning (position, top, left, z-inx..) */",
      "  $2",
      "/* Box-model (display, width, height..) */",
      "  $3",
      "/* Typography (font, line-height, color..) */",
      "  $4",
      "/* Visual (bg, border..) */",
      "  $5",
      "/* Misc (opacity..) */",
      "  $6",
      "}"
    ],
    "description": "CSS rules order"
  }
}

html.json

{
  "SVG Use": {
    "prefix": "svg-use",
    "body": [
      "<svg width=\"${1:20}\" height=\"${2:20}\" >",
      "  <use href=\"./images/icons.svg#icon-$3\" />",
      "</svg>"
    ],
    "description": "SVG use markup template"
  }
}