%PDF- %PDF-
Direktori : /www/varak.net/mail2.varak.net_old/skins/Default/less/ |
Current File : /www/varak.net/mail2.varak.net_old/skins/Default/less/@mixins.less |
.border-radius (@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .box-sizing(@sizing: border-box) { -webkit-box-sizing: @sizing; -moz-box-sizing: @sizing; -ms-box-sizing: @sizing; box-sizing: @sizing; } .user-select(@argument: none) { -webkit-touch-callout: @argument; -webkit-user-select: @argument; -moz-user-select: @argument; -ms-user-select: @argument; user-select: @argument; } .break-word() { -ms-word-break: break-all; word-wrap: break-word; } .transition (@rule) { -webkit-transition: @rule; -moz-transition: @rule; -o-transition: @rule; transition: @rule; } .transform (@rule) { -webkit-transform: @rule; -moz-transform: @rule; -o-transform: @rule; transform: @rule; } .transformOrigin (@rule) { -webkit-transform-origin: @rule; -moz-transform-origin: @rule; -o-transform-origin: @rule; transform-origin: @rule; } .perspective(@rule) { -webkit-perspective: @rule; -moz-perspective: @rule; -o-perspective: @rule; perspective: @rule; } .animation (@rule) { -webkit-animation: @rule; -moz-animation: @rule; animation: @rule; } .opacity(@value) { opacity: @value; filter: e(%("alpha(opacity=%d)", @value*100)); } .gradient(@color: transparent, @start: #EEE, @stop: #FFF) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); background: -webkit-linear-gradient(bottom, @start 0%, @stop 100%); background: -ms-linear-gradient(bottom, @start, @stop); background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%); background: -o-linear-gradient(@stop, @start); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); } .fade_gradient(@color: #F5F5F5) when (@theme-use-text-fade = true) { @start: fade(@color, 0%); @stop: fade(@color, 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,@start), color-stop(100%,@stop)); // Chrome,Safari4+ background: -webkit-linear-gradient(left, @start 0%, @stop 100%); // Chrome10+,Safari5.1+ background: -moz-linear-gradient(left, @start 0%, @stop 100%); // FF3.6+ background: -o-linear-gradient(left, @start 0%, @stop 100%); // Opera 11.10+ background: -ms-linear-gradient(left, @start 0%, @stop 100%); // IE10+ background: linear-gradient(left, @start 0%, @stop 100%); // W3C */ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d',GradientType=1)",argb(@start),argb(@stop))); //* IE6-9 */ } .fade_gradient(rtl, @color: #F5F5F5) when (@theme-use-text-fade) { @start: fade(@color, 100%); @stop: fade(@color, 0%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,@start), color-stop(100%,@stop)); background: -moz-linear-gradient(left, @start 0%, @stop 100%); background: -webkit-linear-gradient(left, @start 0%, @stop 100%); background: -o-linear-gradient(left, @start 0%, @stop 100%); background: -ms-linear-gradient(left, @start 0%, @stop 100%); background: linear-gradient(left, @start 0%, @stop 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d',GradientType=1)",argb(@start),argb(@stop))); } .fade_gradient(vertical, @color: #F5F5F5) { @start: fade(@color, 0%); @stop: fade(@color, 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@start), color-stop(100%,@stop)); background: -moz-linear-gradient(top, @start 0%, @stop 100%); background: -webkit-linear-gradient(top, @start 0%, @stop 100%); background: -o-linear-gradient(top, @start 0%, @stop 100%); background: -ms-linear-gradient(top, @start 0%, @stop 100%); background: linear-gradient(to bottom, @start 0%, @stop 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d',GradientType=0)",argb(@start),argb(@stop))); } .resize_compensation_top (@offset: 0px) { padding-top: @offset; margin-top: -@offset; } .resize_compensation_bottom (@offset: 0px) { padding-bottom: @offset; margin-bottom: -@offset; } .pass_through() { pointer-events:none; > * { pointer-events:auto; } } .clearfix_helper() { clear: both; &:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } //*Opera*/ * html > body & { width: 100%; display: block; } * html & { height: 1%; } // IE 6 */ } .transparent_color_helper(@color, @opacity) { @colorAlpha: fade(@color, @opacity * 100); background-color: @colorAlpha; @aplhaColor: argb(@colorAlpha); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='%d', endColorstr='%d')", @aplhaColor, @aplhaColor)); } .iconFontInit() { &:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } .iconFontInit(after) { &:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } .makeIconBevel(@color) { color: fade(darken(@color, 50%), 50%); text-shadow: 0 1px 0 lighten(@color, 90%), 0 0 0 darken(@color, 100%) } .filterBlur(@value, @bZoom: 0.01) { filter: blur(@value); -webkit-filter: blur(@value); -moz-filter: blur(@value); -ms-filter: blur(@value); -o-filter: blur(@value); filter: url("images/filters.svg#blur@{value}"); // 1-5 px .transform(scale((unit(@value)*@bZoom)+1)); //need for cuting blured edges }