Skip to content

Instantly share code, notes, and snippets.

@VinSpee
Created February 3, 2014 15:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save VinSpee/8786170 to your computer and use it in GitHub Desktop.
Save VinSpee/8786170 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="bar">
fhdsjkafhdjsakf
fdhjasklfhdjask
fdjskalfds<p>fhdjsafhdjksalfhdjsa</p>
</div>
// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----
@import "compass"; .bar { @include background(linear-gradient( to right, green 0%, green 16.6666667%, blue 16.6666667%, blue 33.3333334%, navy 33.3333334%, navy 50%, orange 50%, orange 66.6666667%, red 66.6666667%, red 83.3333334%, purple 83.3333334%, purple 100%)); }
.bar {
background: -webkit-gradient(linear, to right, to left, color-stop(0%, #008000), color-stop(16.66667%, #008000), color-stop(16.66667%, #0000ff), color-stop(33.33333%, #0000ff), color-stop(33.33333%, #000080), color-stop(50%, #000080), color-stop(50%, #ffa500), color-stop(66.66667%, #ffa500), color-stop(66.66667%, #ff0000), color-stop(83.33333%, #ff0000), color-stop(83.33333%, #800080), color-stop(100%, #800080));
background: -webkit-linear-gradient(to right, #008000 0%, #008000 16.66667%, #0000ff 16.66667%, #0000ff 33.33333%, #000080 33.33333%, #000080 50%, #ffa500 50%, #ffa500 66.66667%, #ff0000 66.66667%, #ff0000 83.33333%, #800080 83.33333%, #800080 100%);
background: -moz-linear-gradient(to right, #008000 0%, #008000 16.66667%, #0000ff 16.66667%, #0000ff 33.33333%, #000080 33.33333%, #000080 50%, #ffa500 50%, #ffa500 66.66667%, #ff0000 66.66667%, #ff0000 83.33333%, #800080 83.33333%, #800080 100%);
background: -o-linear-gradient(to right, #008000 0%, #008000 16.66667%, #0000ff 16.66667%, #0000ff 33.33333%, #000080 33.33333%, #000080 50%, #ffa500 50%, #ffa500 66.66667%, #ff0000 66.66667%, #ff0000 83.33333%, #800080 83.33333%, #800080 100%);
background: linear-gradient(to right, #008000 0%, #008000 16.66667%, #0000ff 16.66667%, #0000ff 33.33333%, #000080 33.33333%, #000080 50%, #ffa500 50%, #ffa500 66.66667%, #ff0000 66.66667%, #ff0000 83.33333%, #800080 83.33333%, #800080 100%); }
<div class="bar">
fhdsjkafhdjsakf
fdhjasklfhdjask
fdjskalfds<p>fhdjsafhdjksalfhdjsa</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment