diff options
Diffstat (limited to 'Just-Read/less/mixins.less')
| -rw-r--r-- | Just-Read/less/mixins.less | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/Just-Read/less/mixins.less b/Just-Read/less/mixins.less new file mode 100644 index 0000000..2e895f9 --- /dev/null +++ b/Just-Read/less/mixins.less @@ -0,0 +1,46 @@ +// Credits: [LESS Elements](http://lesselements.com) +// [Twitter Bootstrap](https://github.com/twitter/bootstrap) licensed under [Apache License](http://www.apache.org/licenses/LICENSE-2.0) + +.box-shadow(@arguments) { + -webkit-box-shadow: @arguments; + -moz-box-shadow: @arguments; + box-shadow: @arguments; +} + +.gradient(@startColor: #555, @endColor: #333) { + background-color: @endColor; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror + background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ + background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ + background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ + background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 + background-image: linear-gradient(top, @startColor, @endColor); // The standard + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down +} + +.rounded(@radius: 4px) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; + + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; +} + +.transition(@duration:0.25s, @ease:linear) { + -webkit-transition: all @duration @ease; + -moz-transition: all @duration @ease; + -o-transition: all @duration @ease; + transition: all @duration @ease; +} + +.border-image(@width, @slice, @url, @repeat) { + border-width: @width; + -moz-border-image: url(@url) @slice @repeat; + -webkit-border-image: url(@url) @slice @repeat; + -o-border-image: url(@url) @slice @repeat; + border-image: url(@url) @slice @repeat; +}
\ No newline at end of file |