Diffstat (limited to 'frontend/delta/less/web/mixin.less') (more/less context) (ignore whitespace changes)
| -rw-r--r-- | frontend/delta/less/web/mixin.less | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/frontend/delta/less/web/mixin.less b/frontend/delta/less/web/mixin.less new file mode 100644 index 0000000..2728079 --- a/dev/null +++ b/frontend/delta/less/web/mixin.less @@ -0,0 +1,87 @@ +.border-radius (@radius) { + border-radius: @radius; + -moz-border-radius: @radius; + -webkit-border-radius: @radius; +} + +.font-feature-settings(@foo, @bar) { + -webkit-font-feature-settings:"@foo","@bar"; + -moz-font-feature-settings:"@foo=1, @bar=1"; + -moz-font-feature-settings:"@foo","@bar"; + -ms-font-feature-settings:"@foo","@bar"; + -o-font-feature-settings:"@foo","@bar"; + font-feature-settings:"@foo","@bar"; +} + +.icon-font() { + font-family: 'clipperz-icons'; + .font-feature-settings("liga", "dlig"); + -webkit-font-smoothing: antialiased; + text-rendering:optimizeLegibility; +} + +.password-font() { + font-family: 'clipperz-password'; + -webkit-font-smoothing: antialiased; + text-rendering:optimizeLegibility; +} + +.animation (@animation, @duration, @fill-mode:none, @iteration-count:1) { + -webkit-animation-name: @animation; + -webkit-animation-duration: @duration; + -webkit-animation-fill-mode: @fill-mode; + -webkit-animation-iteration-count: @iteration-count; + + -moz-animation-name: @animation; + -moz-animation-duration: @duration; + -moz-animation-fill-mode: @fill-mode; + -moz-animation-iteration-count: @iteration-count; + + -ms-animation-name: @animation; + -ms-animation-duration: @duration; + -ms-animation-fill-mode: @fill-mode; + -ms-animation-iteration-count: @iteration-count; + + -o-animation-name: @animation; + -o-animation-duration: @duration; + -o-animation-fill-mode: @fill-mode; + -o-animation-iteration-count: @iteration-count; + + animation-name: @animation; + animation-duration: @duration; + animation-fill-mode: @fill-mode; + animation-iteration-count: @iteration-count; +} + +.transition (@item, @time, @function) { + -webkit-transition: @item @time @function; + -moz-transition: @item @time @function; + -o-transition: @item @time @function; + -ms-transition: @item @time @function; + transition: @item @time @function; +} + +.transform (@rotateAngle, @translateX, @translateY) { + -webkit-transform: rotate( @rotateAngle) translate(@translateX, @translateY); + -moz-transform: rotate( @rotateAngle) translate(@translateX, @translateY); + -ms-transform: rotate( @rotateAngle) translate(@translateX, @translateY); + -o-transform: rotate( @rotateAngle) translate(@translateX, @translateY); + transform: rotate( @rotateAngle) translate(@translateX, @translateY); +} + + +.animation-delay (@delay) { + -webkit-animation-delay: @delay; + -moz-animation-delay: @delay; + -ms-animation-delay: @delay; + -o-animation-delay: @delay; + animation-delay: @delay; +} + +.box-shadow (@xOffset, @yOffset, @size, @color) { + -webkit-box-shadow: @xOffset @yOffset @size @color; + -moz-box-shadow: @xOffset @yOffset @size @color; + -ms-box-shadow: @xOffset @yOffset @size @color; + -o-box-shadow: @xOffset @yOffset @size @color; + box-shadow: @xOffset @yOffset @size @color; +} |