diff options
| author | Francisco arenas <[email protected]> | 2013-01-24 03:37:52 -0200 |
|---|---|---|
| committer | Francisco arenas <[email protected]> | 2013-01-24 03:37:52 -0200 |
| commit | 2428904b4b2c293525b3a13bbe88ac60d9c7d5c2 (patch) | |
| tree | 3e9ca951dbe963b42392dc5c77f2550b8b501cf2 /less | |
| parent | 558bc52432840ea1b2f413438427164288f10350 (diff) | |
| download | bootstrap-2428904b4b2c293525b3a13bbe88ac60d9c7d5c2.tar.xz bootstrap-2428904b4b2c293525b3a13bbe88ac60d9c7d5c2.zip | |
Update less/mixins.less
horizontal three color gradient added
Diffstat (limited to 'less')
| -rw-r--r-- | less/mixins.less | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/less/mixins.less b/less/mixins.less index b734bab2d..6980ab3cf 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -437,6 +437,17 @@ background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10 } + .horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { + background-color: mix(@midColor, @endColor, 80%); + background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); + background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); + background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); + background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); + background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback + } + .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { background-color: mix(@midColor, @endColor, 80%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); |