michaek

@import is one of the most useful features of Sass, but it has some shortcomings. For one, newcomers are often confused that it uses the same syntax as CSS's import, and think it does the same thing. It doesn't!

An improved import utility might:

• Avoid overloading an existing name
• Provide variable/mixin scoping
• Allow importing of only some elements of an included file

Simplicity should be valued above features and options.

michaek

<p>I want "a" to work the same as "b"</p>
<p>
  <a>a</a>
  /
  <b>b</b>
</p>

<p>I want "h" to work the same as "f"</p>
<p>
  <e><f><g>e f g</g></f></e>

michaek

<p>I want "a" to work the same as "b"</p>
<p>
  <a>a</a>
  /
  <b>b</b>
</p>

<p>I want "h" to work the same as "f"</p>
<p>
  <e><f><g>e f g</g></f></e>

michaek

<div>
<div class="b">
  Ok
</div>
</div>

michaek

<div>
<div class="b">
  Ok
</div>
</div>

michaek

<div>
<div class="b">
  Ok
</div>
</div>

michaek

<div>
<div class="b">
  Ok
</div>
</div>

michaek

<div>
<div class="b">
  Ok
</div>
</div>

michaek

<div>
<div class="b">
  Ok
</div>
</div>

michaek

<div>
<div class="b">
  Ok
</div>
</div>