<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><br><div><div>On Oct 6, 2014, at 9:11 AM, lesleyb <<a href="mailto:lesleyb@herlug.org.uk">lesleyb@herlug.org.uk</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><span style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;">My first question is where is this in relation to SASS?</span><br style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;"></blockquote></div><div><br></div><div>The only relation I know to SASS is that you can take advantage of SASS’ nesting. For example:</div><div><br></div><div>.list {</div><div> &__header { /* stuff */ }</div><div> &__item { /* stuff */ }</div><div> &--modifier { /* stuff */ }</div><div> &--modifier2 { /* stuff */ }</div><div>}</div><div><br></div><div>Reference: <a href="http://alwaystwisted.com/post.php?s=2014-02-27-even-easier-bem-ing-with-sass-33">http://alwaystwisted.com/post.php?s=2014-02-27-even-easier-bem-ing-with-sass-33</a></div><br><div>
<div>---</div><div>David Landry</div>
</div>
<br></body></html>