<ul dir="auto">
<li>VSCode Version: 0.10.11</li>
<li>OS Version: WIN10 x64 - Home Edition</li>
</ul>
<p dir="auto">Steps to Reproduce:</p>
<ol dir="auto">
<li>Just try to write a SASS / Scss stylesheet with an <code class="notranslate">@at-root</code>.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/9027363/13930447/c57c5cf8-ef7d-11e5-8e73-d37f1353868b.png"><img src="https://cloud.githubusercontent.com/assets/9027363/13930447/c57c5cf8-ef7d-11e5-8e73-d37f1353868b.png" alt="image" style="max-width: 100%;"></a></li>
</ol>
<ul dir="auto">
<li>VSCode Version: 1.3.1</li>
<li>OS Version: Windows 10</li>
</ul>
<p dir="auto">Steps to Reproduce:</p>
<ol dir="auto">
<li>create file with<code class="notranslate">scss</code> ext</li>
<li>copy the following code</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".overlay {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.85);

    @at-root .ios &amp; {
        padding-top: 15px;
    }
}"><pre class="notranslate"><code class="notranslate">.overlay {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.85);

    @at-root .ios &amp; {
        padding-top: 15px;
    }
}
</code></pre></div>
<p dir="auto">You will see <code class="notranslate">error</code> remark on <code class="notranslate">@at-root</code></p>