gradient.scss

@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%;
  }
  */