/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/
/*
LONG SHADOW TEXT
*/
@import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Lato:700,900);


/**
 * A Long-shadow mixin, guaranteed to make your Dribbble shots 11% cooler
 * @param  string  $color_a  The darkest colour (closest the object)
 * @param  string  $color_b  The lightest colour (often the background colour)
 * @param  int     $stepnum  Number of steps
 * @param  int     $opacity  The opacity of the blend
 * @return list         	   Returns a list ready to drop into 'box-shadow' or text-shadow
 */
@function longshadow($color_a,$color_b,$stepnum, $opacity: 1){

	$gradient_steps: null;

	@for $i from 1 through $stepnum {

		$weight: ( ( $i - 1 ) / $stepnum ) * 100;

		$colour_mix: mix($color_b, rgba($color_a, $opacity), $weight);

		$seperator: null;

		@if($i != $stepnum){ 
			$seperator: #{','}; 
		}

		$gradient_steps: append( #{$gradient_steps}, #{$i}px #{$i}px $colour_mix $seperator );

  	}

  	@return $gradient_steps;

}

$bg: #e74c3c;

body{
  background: $bg;
}

.text-longshadow{
  color: #fff;
  font-size: 8rem; 
  line-height: 8rem;
  font-family: lato;
  font-weight: 900;
  text-align: center;
  @include text-shadow(longshadow(darken($bg,30%),$bg,50, 0.5));
}