Skip to content

Instantly share code, notes, and snippets.

@cimmanon
Created December 22, 2014 17:58
Show Gist options
  • Save cimmanon/9665cd09dfab6b3e05e0 to your computer and use it in GitHub Desktop.
Save cimmanon/9665cd09dfab6b3e05e0 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
$colors: #C3E279, #F7FEC8, #FFD069, #F27669, #DC9CBE, #C59AE0, #969DCC;
$stops: ();
$current-stop: 0%;
@each $c in $colors {
$stops: append($stops, $c $current-stop, comma);
$current-stop: $current-stop + (100% / length($colors));
$stops: append($stops, $c $current-stop);
}
body:before {
content: '';
height: 5px;
display: block;
background: linear-gradient(to right, $stops);
}
body:before {
content: '';
height: 5px;
display: block;
background: linear-gradient(to right, #C3E279 0%, #C3E279 14.28571%, #F7FEC8 14.28571%, #F7FEC8 28.57143%, #FFD069 28.57143%, #FFD069 42.85714%, #F27669 42.85714%, #F27669 57.14286%, #DC9CBE 57.14286%, #DC9CBE 71.42857%, #C59AE0 71.42857%, #C59AE0 85.71429%, #969DCC 85.71429%, #969DCC 100.0%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment