Drop down menu squeleton SASS - Drupal

gistfile1.sass

#block-system-main-menu {
  ul.menu {
    li {
      display: inline-block;
      padding-bottom: 9px;
      ul {
        display: none;
        padding-left: 0;
        background: #ffffff;
        border: 1px solid #000000;
        li:before{
          content:'';
          border-left:7px solid transparent;
          border-right:7px solid transparent;
          border-bottom:7px solid transparent;
          border-bottom-color:#2a2a2f;
          position:absolute;
          top:-6px;
          left:30px;
          z-index:20000
        }
      }
    }
    li:hover {
      ul {
        display: block;
        position:fixed;
        margin-top: 8px;
        margin-bottom: 0;
        li {
          display: inherit;
          padding: 5px;
        }
      }
    }
  }
  a {
    text-decoration: none;
    columns: black;
  }
}