diff options
| author | Piotrek Okoński <[email protected]> | 2011-11-26 19:41:17 +0100 |
|---|---|---|
| committer | Piotrek Okoński <[email protected]> | 2012-01-07 13:39:46 +0100 |
| commit | 3eb80591b2c8bb2850caf27da7d6b8c8b747063a (patch) | |
| tree | edd19fb4fa64253f05af4f9022fbef34359b4d24 /lib/mixins.less | |
| parent | b6d50c892d6ae8ed42ff0bfbba4252c7dc47417e (diff) | |
| download | bootstrap-3eb80591b2c8bb2850caf27da7d6b8c8b747063a.tar.xz bootstrap-3eb80591b2c8bb2850caf27da7d6b8c8b747063a.zip | |
Progress bars
Diffstat (limited to 'lib/mixins.less')
| -rw-r--r-- | lib/mixins.less | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/lib/mixins.less b/lib/mixins.less index 49eabb875..ea8d685f0 100644 --- a/lib/mixins.less +++ b/lib/mixins.less @@ -270,6 +270,15 @@ background-repeat: no-repeat; // Opera cannot do radial gradients yet } + .striped(@color,@angle: -45deg) { + background-color: @color; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(@angle, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(@angle, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(@angle, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(@angle, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: linear-gradient(@angle, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + } } // Reset filters for IE @@ -320,3 +329,10 @@ border-right: @arrowWidth solid @black; } } + +.background-size(@width, @height){ + -webkit-background-size: @width @height; + -moz-background-size: @width @height; + -o-background-size: @width @height; + background-size: @width @height; +} |