Skip to content

Instantly share code, notes, and snippets.

@lisaq

lisaq/opacity-gradient-mixin.less

Created July 16, 2014 00:07
Show Gist options
  • Save lisaq/391fb4687396294cd1ab to your computer and use it in GitHub Desktop.
Save lisaq/391fb4687396294cd1ab to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Lisa Q created this gist Jul 16, 2014.
    9 changes: 9 additions & 0 deletions opacity-gradient-mixin.less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    /* light to dark opacity background gradient */
    .opacity-gradient (@opacityfrom:0, @opacityto:1) {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(54,54,54,@opacityfrom)), color-stop(100%,rgba(54,54,54,@opacityto)));
    background: -webkit-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
    background: -moz-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
    background: -ms-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
    background: -o-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
    background: linear-gradient(to right, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
    }