Generated by SassMeister.com.

SassMeister-input.scss

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

//Example1
//@mixin button-style {
//  $btn-bg-color: lightblue;
//  color: $btn-bg-color;
//}

//button {
//  @include button-style;
//}

//.wrap {
//  background: $btn-bg-color;
//}

//Example2
//.wrap {
//  $bg-color: red;
//  &:after {
//    background: lighten($bg-color, 10%);
//  }
//}

//Example3
//@function my-function() {
//  $text-color: black;
//  @return $text-color;
//}

//.wrap {
//  color: my-function();
//  &:after{
//    background: $text-color;
//  }
//}

//Example4
//$text-color: tomato;

//@mixin button-style {
//  $text-color: lime;
//  color: $text-color;
//}

//@mixin link-style {
//  $text-color: black;
//  color: $text-color;
//}

//button {
//  @include button-style;
// }

// a {
//  @include link-style;
// }

//.wrap {
//  background: $text-color;
//}

//Example6
//$btn-bg-color: chocolate;
//$btn-bg-color: lightblue !default;
//$btn-bg-color-hover: darken($btn-bg-color, 5%);

//@mixin button-style ($bg-color: $btn-bg-color, $bg-color-hover: $btn-bg-color-hover)
//{
//  background-color: $bg-color;
//  &:hover {
//    background-color: $bg-color-hover;
//  }
//}

//button {
//  @include button-style;
//}

//Example7

//@mixin button-style {
//  $btn-bg-color: lightblue !global;
//  color: $btn-bg-color;
//}

//button {
//  @include button-style;
//}

//.wrap {
//  background: $btn-bg-color;
//}

//Example8
//$google-font: "http://fonts.googleapis.com/css?family=Alegreya";

//@if(global-variable-exists(google-font)) {
//    @import url($google-font);
//}