Convert CSS to SCSS / SASS

[vcsjones]

The CSS is simple but using SCSS would make it look better. For example, this:

nav {
    background-color: black;
    display: block;
}

nav ul {
    list-style-type: none;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    padding: 15px;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
    font-size: 12px;
}

nav ul li a:hover {
    background-color: #333;
}

could be better organized into this:

nav {
    background-color: black;
    display: block;
  ul {
    list-style-type: none;

    li {
      display: inline-block;

      a {
          padding: 15px;
          display: inline-block;
          text-decoration: none;
          color: #FFF;
          font-weight: normal;
          font-size: 12px;

          &:hover {
            background-color: #333;
          }
      }
    }
  }
}