VS Code CSS snippets

css.json

{
  "General reset": {
    "prefix": "reset",
    "body": [
      "html, $2body {",
      "  width: 100vw;",
      "  height: 100vh;",
      "  margin: 0;",
      "  border: 0;",
      "  padding: 0;",
      "  -webkit-box-sizing: border-box;",
      "  -moz-box-sizing: border-box;",
      "  box-sizing: border-box;",
      "}",
      "",
      "*, $2*::before, $2*::after {",
      "  -webkit-box-sizing: inherit;",
      "  -moz-box-sizing: inherit;",
      "  box-sizing: inherit;",
      "}",
    ],
    "description": "General reset"
  },

  "app": {
    "prefix": "app",
    "body": [
      "#app {",
      "  width: 100%;",
      "  height: 100%;",
      "}"
    ],
    "description": "app"
  },

  "Flexbox center": {
    "prefix": "fcenter",
    "body": [
      "display: flex;",
      "justify-content: center;",
      "align-items: center;",
    ],
    "description": "Flexbox center"
  },

  "Grid center": {
    "prefix": "gcenter",
    "body": [
      "display: grid;",
      "place-items: center;",
    ],
    "description": "Flexbox center"
  }
}