Design System

Design System

live sass compiler setting :

{
"liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "/css"
    }
  ],
  "liveSassCompile.settings.excludeList": [
    "**/node_modules/**",
    ".vscode/**"
  ],
  "liveSassCompile.settings.generateMap": false,
  "liveSassCompile.settings.autoprefix": [
    "> 1%",
    "last 2 versions"
  ]
}

Typography : scss

html {
  font-size: 62.5% !important;
  /* -> 10px , 1em , 1rem */
}

body {
  font-size: 1.6rem;
  line-height: 1.4;
}