Skip to content

Instantly share code, notes, and snippets.

@kreativan

kreativan/icon-gradient.less

Last active August 25, 2019 20:12
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 kreativan/231c681cb26decb271cf0be32c50eeca to your computer and use it in GitHub Desktop.
Save kreativan/231c681cb26decb271cf0be32c50eeca to your computer and use it in GitHub Desktop.
Download ZIP
Raw
icon-gradient.less
/**
* Gradient color mixin
* Works great with text & icons fonts
*/
.gradient-color-mixin(@color, @color-2, @deg: 90deg) {
color: transparent;
background-image: -webkit-linear-gradient(@deg, @color-2 0%, @color 100%);
background-image: -moz-linear-gradient(@deg, @color-2 0%, @color 100%);
background-image: linear-gradient(@deg, @color-2 0%, @color 100%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment