Skip to content

Instantly share code, notes, and snippets.

<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<polymer-element name="my-element">
<template>
@troymccabe
troymccabe / core.less
Created August 17, 2013 18:23
Multi-striped gradient for Bootstrap
#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);
}
}