From 595f32958b2d68810c0c3f1b74e3dbfe8b8725fb Mon Sep 17 00:00:00 2001 From: Luke McDonald Date: Tue, 20 Aug 2013 22:13:03 -0500 Subject: [PATCH 1/2] (less) Apply @color argument to striped gradient The @color argument is currently not being used for the striped gradient. --- mixins.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/mixins.less b/mixins.less index 3f230205b663..5a3b3ee360f6 100644 --- a/mixins.less +++ b/mixins.less @@ -276,11 +276,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); } } From 7fba53dd10d54dde542513f5e8b1b37cffeffef4 Mon Sep 17 00:00:00 2001 From: Luke McDonald Date: Tue, 20 Aug 2013 22:46:01 -0500 Subject: [PATCH 2/2] (less) Remove progress bar striped @color parameters; use default transparent white. * If the @color parameter is not removed, the stripes are the same color as the element background color. In this case, the stripes do not appear. --- mixins.less | 2 +- progress-bars.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/mixins.less b/mixins.less index 5a3b3ee360f6..49be704a3121 100644 --- a/mixins.less +++ b/mixins.less @@ -496,7 +496,7 @@ .progress-bar-variant(@color) { background-color: @color; .progress-striped & { - #gradient > .striped(@color); + #gradient > .striped(); } } diff --git a/progress-bars.less b/progress-bars.less index 49e5df8e3201..2e3e6ff27a8d 100644 --- a/progress-bars.less +++ b/progress-bars.less @@ -60,7 +60,7 @@ // Striped bars .progress-striped .progress-bar { - #gradient > .striped(@progress-bar-bg); + #gradient > .striped(); background-size: 40px 40px; }