Generated by SassMeister.com.

SassMeister-input.scss

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

/*Test */
.container {
  float: left;
}

.column-medium-9 {
  @extend .col-lg-9;
}

.col-lg-9 {
  width: 100%;
}

body {
  @extend .container;
}

body > header {
  @extend .page-header;
  p {
    @extend .lead;
  }
}

body > main {
  @extend .row;
  nav {
    @extend .col-lg-3;
    ul {
      @extend .list-group;
      li {
        @extend .list-group-item;
      }
    }
  }
  article {
    @extend .col-lg-9;
  }
}

//========================================
$color: #bf5700;
$color2: #4dff4d;
$toMix: black;
$button-secondary-border-bottom-hover: lighten(#4dff4d, 5%);

$h: hue($color2);
$s: saturation($color2);
$test2: darken($color2, 102.05 - lightness($color2));
$test3: 102.05 - lightness($color);
$newColor: hsl($h, $s, 25%);

.test {
  /*Lightness of #bf5700 */
  color: scale-color(#4dff4d, $lightness: -93.7%);
  /*Lightness of #4dff4d */
  color: lightness($color2);
  color: mix(hotpink, black, 5%);
  color: $test3;
  /* Mixing Colors */
  /* #bf5700 */
  color: mix(#bf5700, darken($toMix, 5%), 6.3%);
  color: mix(#4dff4d, darken($toMix, 5%), 0%);
  color: mix(#b2b2b2, darken($toMix, 5%), 7%);
  color: mix(royalblue, darken($toMix, 5%), 28.4%);
  // #010308, #122B76, was at 2.39%
  color: mix(#f1f4fc, darken($toMix, 5%), 9.751%);
  // #010206, #173070, was at 0.62%
  color: mix(darkred, darken($toMix, 5%), 81%);
  // ##0B0000, #710000, was 8%
  /* ######### #4dff4d => #008 */
  color: $s;
  color: change-color($color2, $hue: $h, $saturation: $s, $lightness: 25);
  color: $newColor;
  //
  //;
  color2: black;
  buttonSecondary-border-bottom-hover: rgba(#4dff4d, 1);
}

// Fonts
$sans-light: "open_sanslight", sans-serif;
$sans-regular: "open_sansregular", sans-serif;
$sans-semibold: "open_sanssemibold", sans-serif;
$sans-bold: "open_sansbold", sans-serif;
$sans-condlight: "open_sanscondlight", sans-serif;
$sans-condbold: "open_sanscondbold", sans-serif;

// Global Theme Colors ///////////////////////////////////////////

$selected-primary: #008b00;
$selected-secondary: #8b3000;

// Base //////////////////////////////////////////////////////////
$base: rgba(121, 121, 121, 1);

t {
  color: rgba($selected-secondary, 1);
}

// Primary ///////////////////////////////////////////////////////
$primary: rgba($selected-primary, 1);

//Banner
// #195889 or #185889
//darken(rgba(25,88,137,1),5%);
//UofTexas
//darken(rgba(165,75,0,1),5%);
//IU
//darken(rgba(148,20,14,1),5%);
//MSU
//darken(rgba(43,125,107,1),5%);

// Secondary /////////////////////////////////////////////////////
$secondary: rgba($selected-secondary, 1);

//Banner
//darken(rgba(0,119,157,1),5%);
//UofTexas
//darken(rgba(0,113,159,1),5%);
//IU
//darken(rgba(108,94,45,1),5%);
//MSU
//darken(rgba(160,82,10,1),5%);

$var-test: "init";

.var {
  color: $var-test;
}

$var-test: "inited";

.var {
  color: $var-test;
}

@mixin test {
  &.col-lg-10 {
    content: "";
  }
}

.col-lg-10 {
  width: 98.5%;
}

.column-1 {
  // &.col-lg-10 {
  //   color: red;
  // };
  @include test;
  color: red;
}

SassMeister-output.css

/*Test */
.container, body {
  float: left;
}

.col-lg-9, .column-medium-9, body > main article {
  width: 100%;
}

.test {
  /*Lightness of #bf5700 */
  color: #001500;
  /*Lightness of #4dff4d */
  color: 65.09804%;
  color: #0d0509;
  color: 64.59902%;
  /* Mixing Colors */
  /* #bf5700 */
  color: #0c0500;
  color: black;
  color: #0c0c0c;
  color: #121e40;
  color: #171819;
  color: #710000;
  /* ######### #4dff4d => #008 */
  color: 100%;
  color: #800100;
  color: green;
  color2: black;
  buttonSecondary-border-bottom-hover: #4dff4d;
}

t {
  color: #8b3000;
}

.var {
  color: "init";
}

.var {
  color: "inited";
}

.col-lg-10 {
  width: 98.5%;
}

.column-1 {
  color: red;
}

.column-1.col-lg-10 {
  content: "";
}