Created
May 21, 2014 20:05
-
-
Save chriseppstein/74a94d6a6f04fea03f16 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.7) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
$debug-browser-support: true; | |
$svg-gradient-shim-threshold: 1%; | |
@import "compass/css3/images"; | |
div { | |
is: prefixed(-svg, linear-gradient(45deg, #000, #fff)); | |
is: prefixed(-svg, linear-gradient(to bottom, #000, #fff)); | |
@include background(linear-gradient(45deg, #000, #fff)); | |
@include background(linear-gradient(to bottom, #000, #fff)); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div { | |
is: false; | |
is: true; | |
/* Capability css-gradients is prefixed with -moz because 1.11474% of users need it which is more than the threshold of 0.1%. */ | |
/* Creating new -moz context. */ | |
background: -moz-linear-gradient(45deg, #000000, #ffffff); | |
/* Capability css-gradients is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */ | |
/* Capability css-gradients is not prefixed with -o because 0.09236% of users are affected which is less than the threshold of 0.1. */ | |
/* Capability css-gradients is prefixed with -webkit because 11.2153% of users need it which is more than the threshold of 0.1%. */ | |
/* Creating new -webkit context. */ | |
background: -webkit-linear-gradient(45deg, #000000, #ffffff); | |
background: linear-gradient(45deg, #000000, #ffffff); | |
/* Content for ie 9. | |
Min version: unspecified. | |
User threshold to keep: 1%%. If ie 9 are omitted: 2.98874%. */ | |
/* Creating new -svg context. */ | |
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9InRvIiB5MT0iMTAwJSIgeDI9InRvIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); | |
/* Capability css-gradients is prefixed with -moz because 1.11474% of users need it which is more than the threshold of 0.1%. */ | |
/* Creating new -moz context. */ | |
background: -moz-linear-gradient(top, #000000, #ffffff); | |
/* Capability css-gradients is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */ | |
/* Capability css-gradients is not prefixed with -o because 0.09236% of users are affected which is less than the threshold of 0.1. */ | |
/* Capability css-gradients is prefixed with -webkit because 11.2153% of users need it which is more than the threshold of 0.1%. */ | |
/* Creating new -webkit context. */ | |
background: -webkit-linear-gradient(top, #000000, #ffffff); | |
background: linear-gradient(to bottom, #000000, #ffffff); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment