Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>
  <h3 class="filter-headline">Kategorien</h3>
  <ul>
    <li><a href="#">Auswahl löschen</a></li>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
    <li><a href="#">Alle Kategorien anzeigen ></a></li>
  </ul>
</div>

<div>
  <ul>
    <li><a href="#">Auswahl löschen</a></li>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
    <li><a href="#">Alle Kategorien anzeigen ></a></li>
  </ul>
</div>

<div>
  <ul>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
    <li><a href="#">Alle Kategorien anzeigen ></a></li>
  </ul>
</div>

<div>
  <ul>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
  </ul>
</div>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
}

@mixin sidebarfilter() {
  .filter-headline {
    color: red;
  }
  ul {
    width: 300px;
    li {
      padding: 10px;
      border-bottom: 1px solid silver;
      
      &:first-child {
        border-top: 1px solid silver;
      }
    }
  }  
}

div {
  float: left;
  margin-right: 20px;
  @include sidebarfilter();
}

SassMeister-output.css

* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
}

div {
  float: left;
  margin-right: 20px;
}
div .filter-headline {
  color: red;
}
div ul {
  width: 300px;
}
div ul li {
  padding: 10px;
  border-bottom: 1px solid silver;
}
div ul li:first-child {
  border-top: 1px solid silver;
}

SassMeister-rendered.html

<div>
  <h3 class="filter-headline">Kategorien</h3>
  <ul>
    <li><a href="#">Auswahl löschen</a></li>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
    <li><a href="#">Alle Kategorien anzeigen ></a></li>
  </ul>
</div>

<div>
  <ul>
    <li><a href="#">Auswahl löschen</a></li>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
    <li><a href="#">Alle Kategorien anzeigen ></a></li>
  </ul>
</div>

<div>
  <ul>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
    <li><a href="#">Alle Kategorien anzeigen ></a></li>
  </ul>
</div>

<div>
  <ul>
    <li><a href="#">Cleansing</a></li>
    <li><a href="#">Body-Lotions</a></li>
    <li><a href="#">Body-Spray</a></li>
    <li><a href="#">Food</a></li>
  </ul>
</div>