rsgranne

font-family: system-ui, -apple-system,"Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

rsgranne

// Place your settings in this file to overwrite the default settings
{
  "breadcrumbs.enabled": true,
  "editor.acceptSuggestionOnEnter": "on",
  "editor.detectIndentation": false,
  "editor.fontFamily": "'Source Code Pro', Menlo, Consolas, Courier, monospace",
  "editor.fontSize": 11,
  "editor.formatOnSave": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.quickSuggestions": {

rsgranne

For Bootstrap or SCSS:

font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;

Not using Bootstrap:

font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

rsgranne

{
  /*
  // Place your snippets for SCSS here. Each snippet is defined under a snippet name and has a prefix, body and 
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
  // same ids are connected.
  // Example:
  "Print to console": {
    "prefix": "log",
    "body": [

rsgranne

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>

rsgranne

{
    "html": {
        "filters": "html, e",
        "abbreviations": {},
        "snippets": {
            "!": "!!!+html>(head>meta[charset=UTF-8]+title+link[rel=stylesheet href=/css/${1:main}.css])+body",
            "boot3": "!!!+html>(head>meta[charset=UTF-8]+meta[http-equiv=X-UA-Compatible content=${bootstrap-ie-meta}]+meta[name=viewport content=${bootstrap-vp-meta}]+{\n}+title+{\n}+link[rel=stylesheet href=/css/${1:bootstrap}.css]+link[rel=stylesheet href=/css/${1:main}.css])+(body>h1+{\n}+{\n}+script[src=${jquery-cdn}]+script[src=/js/bootstrap.min.js])",
            "boot3cdn": "!!!+html>(head>meta[charset=UTF-8]+meta[http-equiv=X-UA-Compatible content=${bootstrap-ie-meta}]+meta[name=viewport content=${bootstrap-vp-meta}]+{\n}+title+{\n}+link[rel=stylesheet href=${bootstrap-css-cdn} integrity=${bootstrap-css-cdn-integrity} crossorigin=anonymous]+link[rel=stylesheet href=/css/${1:main}.css])+(body>h1+{\n}+{\n}+script[src=${jquery-cdn}]+script[src=${bootstrap-js-cdn} integrity=${boostrap-js-cdn-integri

rsgranne

html {
  font-size: 16px;
}

body {
  padding: 1em;
  font-family: "Georgia Pro", Georgia, serif;
  line-height: 1.3;
}

rsgranne

<h1>The Call of Cthulhu <small>H.P. Lovecraft</small></h1>

<blockquote>
  <p>
    (Found Among the Papers of the Late Francis Wayland Thurston, of Boston)
  </p>
  <p>
    “Of such great powers or beings there may be conceivably a survival … a survival of a hugely remote period when … consciousness was manifested, perhaps, in shapes and forms long since withdrawn before the tide of advancing humanity … forms of which poetry and legend alone have caught a flying memory and called them gods, monsters, mythical beings of all sorts and kinds…” —Algernon Blackwood.
  </p>
</blockquote>

rsgranne

{
  "name": "bootstrap-4",
  "version": "1.0.0",
  "description": "Bootstrap 4",
  "main": "index.js",
  "scripts": {},
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^4.3.1",

rsgranne

// Override Bootstrap 4 variables below

// Bootstrap 4
@import "../node_modules/bootstrap/scss/bootstrap.scss";

// Site SCSS below