nesting-sass

by Md. Mostafa Kamal

HTML

<nav>
      <ul>
        <li><a href="#"></a>html</li>
        <li><a href="#"></a>css</li>
        <li><a href="#"></a>scss</li>
        <li><a href="#"></a>sass</li>
        <li><a href="#"></a>js</li>
      </ul>
    </nav>

SCSS

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }
  li{
    a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
  }
}