title: SASS/SCSS content function
body: <p>I have this SCSS code:</p>
  
  <pre><code>@include m(messages){
      @include e(btn){
          &amp;:not([aria-expanded="true"]):hover{
              background-color: rgba(66, 143, 222, 0.11);
          }
          &amp;[aria-expanded="true"],
          span{
              background-color: $color_dark_blue;
              box-shadow:0 2px 5px rgba(66, 143, 222, 0.2);
          }
          &amp;[aria-expanded="true"]{
              span{
                  color:$color_dark_blue;
              }
          }
      }
      @include e(header){
          background-color:$color_dark_blue;
      }
  }
  
  @include m(reminders){
      @include e(btn){
          &amp;:not([aria-expanded="true"]):hover{
              background-color: rgba(255, 208, 23, 0.11);
          }
          &amp;[aria-expanded="true"],
          span {
              background-color: $color_yellow;
              box-shadow:0 2px 5px rgba(255, 208, 23, 0.2);
          }
          &amp;[aria-expanded="true"]{
              span{
                  color:$color_yellow;
              }
          }
      }
      @include e(header){
          background-color:$color_yellow;
      }
  }
  </code></pre>
  
  <p>I have many of similar <code>@include</code>, only different is color and modifier name.
  I want to write function something like</p>
  
  <pre><code>notificator('messages', $color_dark_blue);
  notificator('reminders', $color_yellow);
  </code></pre>
  
  <p>How to achieve this functionality in SASS/SCSS ? </p>