first draft of new commit list

  "dependencies": {
    "bootstrap": "^5.3.8",
    "sass": "^1.93.2"
  },
  "scripts": {
    "sass": "npx sass scss/design-board.scss css/design-board.css"
  }
}

$body-color: #262626;

// $font-family-base: serif;

$border-radius: 0;
$border-radius-sm: 0;

  content: ' ]'
}

// NEW COMMITS PAGE

.commits-page {
  a {
    color: $blue
  }

  .commit {
    border: 1px solid #999;
    padding: 10px 0;
    margin-bottom: 10px;
  }

  .lang-diff {
    height: 1.1rem;
  }

  .language-names {
    font-family: monospace;
    text-align: right;

    div {
      height: 1.1rem;
    }
  }

  .plus-1 {
    background-color: blue;
    width: 80%;
  }
  .minus-1 {
    background-color: navy;
    width: 20%;
  }

  .plus-2 {
    background-color: red;
    width: 50%;
  }
  .minus-2 {
    background-color: darkred;
    width: 30%;
  }

  .plus-3 {
    background-color: green;
    width: 10%;
  }
  .minus-3 {
    background-color: darkgreen;
    width: 5%;
  }

  .plus-4 {
    background-color: lightgray;
    width: 50%;
  }
  .minus-4 {
    background-color: gray;
    width: 35%;
  }
}