%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
}