Generated by SassMeister.com.

SassMeister-input-HTML.jade

p.alert-info  These leaderboards are a preview of our courses feature. Points are not final and are subject to change before our official launch.
p.alert-warn  These leaderboards are a preview of our courses feature. Points are not final and are subject to change before our official launch.
p.alert-success  These leaderboards are a preview of our courses feature. Points are not final and are subject to change before our official launch.
p.alert-error These leaderboards are a preview of our courses feature. 
  b Points are not final and are subject to change before our official launch.

SassMeister-input.scss

// ----
// libsass (v3.2.4)
// ----

.button {
  color: red;
}

.one header .button {
  @extend .button;
}

.two section > header {
  a.button {
    margin-top: -45px;
  }
}

SassMeister-output.css

.button, .one header .button {
  color: red;
}

.two section > header a.button, .two .one section > header a.button {
  margin-top: -45px;
}

SassMeister-rendered.html

<p class="alert-info"> These leaderboards are a preview of our courses feature. Points are not final and are subject to change before our official launch.</p>
<p class="alert-warn"> These leaderboards are a preview of our courses feature. Points are not final and are subject to change before our official launch.</p>
<p class="alert-success"> These leaderboards are a preview of our courses feature. Points are not final and are subject to change before our official launch.</p>
<p class="alert-error">These leaderboards are a preview of our courses feature. <b>Points are not final and are subject to change before our official launch.</b></p>