Skip to content

Instantly share code, notes, and snippets.

@troymccabe

troymccabe/core.less

Created August 17, 2013 18:23
Show Gist options
  • Save troymccabe/6258113 to your computer and use it in GitHub Desktop.
Save troymccabe/6258113 to your computer and use it in GitHub Desktop.
Download ZIP
Multi-striped gradient for Bootstrap
Raw
core.less
#gradient {
.multi-striped(@color1: #555, @color2: #999, @angle: 45deg) {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, @color2), color-stop(.5, @color2), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, @color2), to(@color2));
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, @color2 25%, @color2 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, @color2 75%, @color2);
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, @color2 25%, @color2 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, @color2 75%, @color2);
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, @color2 25%, @color2 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, @color2 75%, @color2);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment