diff options
| author | Mark Otto <[email protected]> | 2013-09-06 09:31:36 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-09-06 09:31:36 -0700 |
| commit | e5038a339c69c78e8a4b8de702a6b871c3653c04 (patch) | |
| tree | b0f889b0d09c535652f89915b4b3db320074941b | |
| parent | 5c4c7eba54b27711bd7edf411417122cb154e787 (diff) | |
| parent | c8402e6e2a6ecad5ff572be8b43c0d0a6cf0149b (diff) | |
| download | bootstrap-e5038a339c69c78e8a4b8de702a6b871c3653c04.tar.xz bootstrap-e5038a339c69c78e8a4b8de702a6b871c3653c04.zip | |
Merge pull request #9968 from thelukemcdonald/master
Apply gradient stripe @color parameter
| -rw-r--r-- | less/mixins.less | 12 | ||||
| -rw-r--r-- | less/progress-bars.less | 2 |
2 files changed, 7 insertions, 7 deletions
diff --git a/less/mixins.less b/less/mixins.less index 297aafd3e..f5193e4fb 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -323,11 +323,11 @@ background-image: radial-gradient(circle, @inner-color, @outer-color); background-repeat: no-repeat; } - .striped(@color: #555; @angle: 45deg) { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + .striped(@color: rgba(255,255,255,.15); @angle: 45deg) { + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, @color), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, @color), color-stop(.75, @color), color-stop(.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); } } @@ -544,7 +544,7 @@ .progress-bar-variant(@color) { background-color: @color; .progress-striped & { - #gradient > .striped(@color); + #gradient > .striped(); } } diff --git a/less/progress-bars.less b/less/progress-bars.less index ef239fa93..0bb3b5852 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -61,7 +61,7 @@ // Striped bars .progress-striped .progress-bar { - #gradient > .striped(@progress-bar-bg); + #gradient > .striped(); background-size: 40px 40px; } |