Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="warning">Don't do it</div>
<div class="error">That is just wrong</div>
<div class="success">Yes!!!</div>

SassMeister-input.scss

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

.message {
  width: 30%;
  margin: 30px auto;
  height: 30px;
  font: 20px sans-serif;
  text-align: center;
  padding: 10px;
  border: 1px solid #444;
  border-radius: 5px;
}

.warning {
  @extend .message;
  background-color: fade-out(yellow, .7);
}

.error {
  @extend .message;
  background-color: fade-out(red, .7);
}

.success {
  @extend .message;
  background-color: fade-out(green, .7);
}

SassMeister-output.css

.message, .warning, .error, .success {
  width: 30%;
  margin: 30px auto;
  height: 30px;
  font: 20px sans-serif;
  text-align: center;
  padding: 10px;
  border: 1px solid #444;
  border-radius: 5px;
}

.warning {
  background-color: rgba(255, 255, 0, 0.3);
}

.error {
  background-color: rgba(255, 0, 0, 0.3);
}

.success {
  background-color: rgba(0, 128, 0, 0.3);
}

SassMeister-rendered.html

<div class="warning">Don't do it</div>
<div class="error">That is just wrong</div>
<div class="success">Yes!!!</div>

All pushing and pulling of private data is done over SSH authenticated with keys, or over HTTPS using your GitHub ,!