title: Sass's @content Directive Use Cases
body: <p>I have a small question about @content in sass</p>
  <p>I still not understand well  how to use it, like I did read content is if you want use a mixin and insert something else there.</p>
  <p>My question is: why I need use @content if works whithout?</p>
  <p><strong>my example:</strong></p>
  <pre><code>@mixin context--alternate-template {
      margin: 0;
      font-size: 14px;
  }
  
  .content-sample {
    @import context--alternate-template;
    background-color: black;
  }
  </code></pre>
  <p><strong>output css:</strong></p>
  <pre><code>.content-sample {
    margin: 0;
    font-size: 14px;
    background-color: black;
  }
  </code></pre>
  <p>sample I a saw on web:</p>
  <pre><code>@mixin context--alternate-template {
      margin: 0;
      font-size: 14px;
      @content
  }
  
  
  
  .content-sample {
    @import context--alternate-template;
    background-color: black;
  }
  </code></pre>
  <p><strong>output css:</strong></p>
  <pre><code>   .content-sample {
        margin: 0;
        font-size: 14px;
        background-color: black;
      }
  </code></pre>
  <p>so yes why I need insert @content in the mixin if works whithout.</p>