Using @at-root Sass mixin
Menu with active item behavior:
<body class="item1">
<ul>
<li class="item1">Item 1</li>
<li class="item2">Item 2</li>
</ul>
</body>Sass Mixin:
=in($name)
@at-root #{$name} &
@contentSass usage:
ul li
&.item1
color: purple
+in('body.item1')
font-weight: bold
&.item2
color: green
+in('body.item2')
font-weight: boldEnjoy!
Written by Romain Laurent
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best #Css Authors
Sponsored by #native_company# — Learn More
#native_title# #native_desc#