File: /home/barbeatleanalyti/www/public_html/webmail/modules/CoreWebclient/styles/common/@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;
}
.transform-origin(@rule) {
-webkit-transform-origin: @rule;
-moz-transform-origin: @rule;
-ms-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: #eeeeee, @stop: #ffffff) {
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 = true) {
@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-events-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-background-color(@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));
}
.init-icon-font() {
&: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;
}
}
.init-icon-font(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;
}
}