Lionel Tzatzkin elrumordelaluz

## SassMeister-output.css
.js-calendar-graph-svg rect {
  fill: #d6e685;
  animation-name: fill;
  animation-duration: 1s;
  animation-timing-function: linear;
}

@keyframes fill {
  to {
    fill: #1e6823;

## installer.sh
#!/bin/bash

# Ask the Project name
def=${PWD##*/}
echo What\'s the name of the Project? \($def\)
read proj
proj=${proj:-$def}

# Ask a description
echo A Project description, please?

## SassMeister-input-HTML.html
<p class="tenue">hola</p>
<div class="overlay"></div>

## featureDetection
// http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser

var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !!window.chrome && !isOpera;              // Chrome 1+
var isIE = /*@cc_on!@*/false || !!document.documentMode;   // At least IE6

## SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$spacing-unit: 24px;

$spacing-unit-tiny:  round(0.25 * $spacing-unit);
$spacing-unit-small: round(0.5  * $spacing-unit);
$spacing-unit-large: round(2    * $spacing-unit);

## SassMeister-input.scss
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

$main-color: #2a333c;
$red:#c05b5b;
$green:#3D969A;
$light-grey:#b7b7b7;
$white:white;

## SassMeister-input.scss
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

$main-color: #2a333c;
$red:#c05b5b;
$green:#3D969A;
$light-grey:#b7b7b7;
$white:white;

## SassMeister-input.scss
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

$classes: class-1 class-2 class-3;

%reset {
  padding-right: 0px;
 	padding-left: 0px;

## SassMeister-input.scss
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

@mixin long-shadow($type, $color, $length, $fadeout: true, $skew: false, $direction: right){
  $shadow: '';
  @if $skew == false or $type == text{
    @if $direction == right {
      @for $i from 0 to $length - 1 {

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
body, ul {
  margin: 0;
  padding: 0;
}
	.js-calendar-graph-svg rect {
	fill: #d6e685;
	animation-name: fill;
	animation-duration: 1s;
	animation-timing-function: linear;
	}

	@keyframes fill {
	to {
	fill: #1e6823;
	#!/bin/bash

	# Ask the Project name
	def=${PWD##*/}
	echo What\'s the name of the Project? \($def\)
	read proj
	proj=${proj:-$def}

	# Ask a description
	echo A Project description, please?
	// http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser

	var isOpera = !!window.opera \|\| navigator.userAgent.indexOf(' OPR/') >= 0;
	// Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
	var isFirefox = typeof InstallTrigger !== 'undefined'; // Firefox 1.0+
	var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
	// At least Safari 3+: "[object HTMLElementConstructor]"
	var isChrome = !!window.chrome && !isOpera; // Chrome 1+
	var isIE = /@cc_on!@/false \|\| !!document.documentMode; // At least IE6
	// ----
	// Sass (v3.4.12)
	// Compass (v1.0.3)
	// ----

	$spacing-unit: 24px;

	$spacing-unit-tiny: round(0.25 * $spacing-unit);
	$spacing-unit-small: round(0.5 * $spacing-unit);
	$spacing-unit-large: round(2 * $spacing-unit);
	// ----
	// Sass (v3.4.11)
	// Compass (v1.0.3)
	// ----

	$main-color: #2a333c;
	$red:#c05b5b;
	$green:#3D969A;
	$light-grey:#b7b7b7;
	$white:white;
	// ----
	// Sass (v3.4.9)
	// Compass (v1.0.1)
	// ----

	$classes: class-1 class-2 class-3;

	%reset {
	padding-right: 0px;
	padding-left: 0px;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	body, ul {
	margin: 0;
	padding: 0;
	}