Skip to content

Instantly share code, notes, and snippets.

@Nazcange
Last active December 31, 2015 19:49
Show Gist options
  • Save Nazcange/8036529 to your computer and use it in GitHub Desktop.
Save Nazcange/8036529 to your computer and use it in GitHub Desktop.
@import "compass";
.fig-wid-pal-list-container{
@include box-sizing(border-box);
@include filter-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8), vertical); // IE6-9 fallback on vertical gradient
// background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
@include background-image(linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%));
bottom: 0;
height: 100%;
padding: 20px 10px;
position: absolute;
right: 0;
width: 37%;
}
/* j'obtient ca en sortie :
.fig-wid-pal-list-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#CC000000');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
bottom: 0;
height: 100%;
padding: 20px 10px;
position: absolute;
right: 0;
width: 37%;
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment