wtf/docs/scss/original/_functions.scss

// main: theme.scss


// == Functions ==
// Copied from https://css-tricks.com/snippets/sass/power-function/


@function pow($number, $exponent) {
  $value: 1;

  @if $exponent > 0 {
    @for $i from 1 through $exponent {
      $value: $value * $number;
    }
  } @else if $exponent < 0 {
    @for $i from 1 through -$exponent {
      $value: $value / $number;
    }
  }

  @return $value;
}


// == Fudge Values ==
//These are all a means of globally tweaking lightness shifting. Use with caution.

// A scaling factor, will generally increase contrast
// Use sparingly and with caution
$lshift_global_scale: 1;

// A hacky integer bias factor, to scale more when near mid lightness
$lshift_global_bias: 2;

// Need not be an integer, scales the bias more when approaching 0
$lshift_global_fudge: 0.5;

@function fudge_center($value) {
    @return ( ( 1 + $lshift_global_fudge ) / ( pow( abs( 2 * $value - 1 ), $lshift_global_bias ) + $lshift_global_fudge ) );
}

@function lshift($reference, $value, $lighten_amount, $darken_amount) {

    $lshift_internal_lightness: lightness($reference);

    $lshift_internal_bias: $lshift_global_scale * fudge_center(lightness($value) / 100%);

    @if $lshift_internal_lightness < 50% {
        @if abs($lighten_amount * $lshift_internal_bias) > 100 {
            @return adjust-color($value, $lightness: 100);
        }@else {
            @return adjust-color($value, $lightness: $lighten_amount * $lshift_internal_bias);
        }
    }@else {
        @if abs($darken_amount * $lshift_internal_bias) > 100 {
            @return adjust-color($value, $lightness: -100);
        }@else {
            @return adjust-color($value, $lightness: -$darken_amount * $lshift_internal_bias);
        }
    }
}

$lshift_main_scale: 1;

@function lshift_main($value, $lighten_amount, $darken_amount) {
    @return lshift($main_back_color, $value, $lighten_amount * $lshift_main_scale, $darken_amount * $lshift_main_scale);
}

$lshift_side_scale: 1;

@function lshift_side($value, $lighten_amount, $darken_amount) {
    @return lshift($side_back_color, $value, $lighten_amount * $lshift_side_scale, $darken_amount * $lshift_side_scale);
}

// lshift functions take a color, then an amount to lighten by (when reference is
// dark), then an amount to darken by (when reference is light).
// main uses main back color as reference, side uses side back color as reference




// == Mixins ==

@mixin transition($input) {
    -webkit-transition: $input;
    -moz-transition: $input;
    -ms-transition: $input;
    transition: $input;
}