html - Sass nav のネストが機能しない

Question

HTML5nav要素を使用し、SASS プロパティをネストします。html に適用されるプロパティはありません。問題がどこにあるのかわかりません。

これが私のサスです：

nav{height:4em;width:100%;position:relative;padding:10px;z-index:1000;
  ul{list-style:none;}
  li{display:inline;font-size:130%;"
   a{color:#333;text-decoration:none; padding:5px;
    &:hover{border-bottom:#f8a593 2px solid;}
    &:active{border-bottom:#fd5d39 2px solid;}
}

そして、ここに私のhtmlがあります：

  <nav>
    <ul>
       <li><a class="active-link" href="index.html">Home</a></li>
       <li><a href="work.html">Work</a></li>
       <li><a href="#.html">Le Me</a></li>
    </ul>
  </nav>