Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

// variables
//Colors
$white: #fff;
$black: #000000;
$red: #ff0000;

//placeholder

%bar {
    background-color: $red;
    width: 100%;
    border-radius: 5px;
  }


//Font Families
$arial: Arial, Helvetica, sans-serif;
$comic: "Comic Sans MS", cursive, sans-serif;

//////////Variables end/////////////

.bar {
    background-color: $red;
    width: 100%;
    border-radius: 5px;
  }
  
.foo {
  @extend .bar;
}
////////Nesting End///////////

SassMeister-output.css

.bar, .foo {
  background-color: #ff0000;
  width: 100%;
  border-radius: 5px;
}