sass new properties

by Mr_Vasu

HTML

<div class="main">
  <div class="main-primary"></div>
  <div class="main-green"></div>
</div>
<div id="fake-links">fake link <a href="">hey i am too working</a></div>
<a href="">hello this testing</a>

SCSS

.main{
  height:100px;
  background: red;
  width: inherit;
  &-primary{
    height:inherit;
    background: #000;
  }
  &-green{
    background: tomato;
    width: inherit;
    height: 100px;
  }
}

a {
  color: blue;
  &:hover {
    text-decoration: underline;
    color:yellow;
 }
}
#fake-links{
color:red;
@extend a;

}