Viewing File: /usr/local/cpanel/whostmgr/docroot/styles/mixins.less

.opacity (@opacity: 0.7) {
    @ieOpacity: @opacity * 100;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieOpacity})";
    /* IE 5-7 */
    filter: ~"alpha(opacity=@{ieOpacity})";

    -webkit-opacity: @opacity;
    /* Netscape */
    -moz-opacity: @opacity;
    /* Safari 1.x */
    -khtml-opacity: @opacity;

    /* Good browsers */
    opacity: @opacity;
}
.border-radius(@radius: 0.2em) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.border-radius-top(@radius: 0.2em) {
    -webkit-border-top-right-radius: @radius;
    -webkit-border-top-left-radius: @radius;

    -moz-border-radius-topright: @radius;
    -moz-border-radius-topleft: @radius;

    border-top-right-radius: @radius;
    border-top-left-radius: @radius;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.border-radius-bottom(@radius: 0.2em) {
    -webkit-border-bottom-right-radius: @radius;
    -webkit-border-bottom-left-radius: @radius;

    -moz-border-radius-bottomright: @radius;
    -moz-border-radius-bottomleft: @radius;

    border-bottom-right-radius: @radius;
    border-bottom-left-radius: @radius;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.border-radiuses(@topright: 0.2em, @bottomright: 0.2em, @bottomleft: 0.2em, @topleft: 0.2em) {
    -webkit-border-top-right-radius: @topright;
    -webkit-border-bottom-right-radius: @bottomright;
    -webkit-border-bottom-left-radius: @bottomleft;
    -webkit-border-top-left-radius: @topleft;

    -moz-border-radius-topright: @topright;
    -moz-border-radius-bottomright: @bottomright;
    -moz-border-radius-bottomleft: @bottomleft;
    -moz-border-radius-topleft: @topleft;

    border-top-right-radius: @topright;
    border-bottom-right-radius: @bottomright;
    border-bottom-left-radius: @bottomleft;
    border-top-left-radius: @topleft;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.text-shadow (@string: 0 0.1em 0.3em rgba(0, 0, 0, 0.25)) {
    text-shadow: @string;
}

.box-shadow (@string) {
    -webkit-box-shadow: @string;
    -moz-box-shadow: @string;
    -o-box-shadow: @string;
    box-shadow: @string;
}

.box-shadows (@string1, @string2) {
    -webkit-box-shadow: @string1, @string2;
    -moz-box-shadow: @string1, @string2;
    -o-box-shadow: @string1, @string2;
    box-shadow: @string1, @string2;
}

.drop-shadow (@x: 0, @y: 0.1em, @blur: 0.2em, @spread: 0, @alpha: 0.25) {
    -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
    -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
    box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-shadow-inset
    (@x: 0, @y: 0.1em, @blur: 0.2em, @spread: 0, @color: rgba(204,204,204,0.4)) {
    -webkit-box-shadow: inset @x @y @blur @spread @color;
    -moz-box-shadow: inset @x @y @blur @spread @color;
    box-shadow: inset @x @y @blur @spread @color;
}

.box-shadow-both
    (@x: 0, @y: 0.1em, @blur: 0.2em, @spread: 0, @color: rgba(204,204,204,0.4),
                  @x2: 0, @y2: 0.1em, @blur2: 0.2em, @spread2: 0, @color2: rgba(204,204,204,0.4)) {
    -webkit-box-shadow: inset @x @y @blur @spread @color,
        @x2 @y2 @blur2 @spread2 @color2;
    -moz-box-shadow: inset @x @y @blur @spread @color,
        @x2 @y2 @blur2 @spread2 @color2;
    box-shadow: inset @x @y @blur @spread @color,
        @x2 @y2 @blur2 @spread2 @color2;
}
.box-sizing (@type: border-box) {
    -webkit-box-sizing: @type;
    -moz-box-sizing: @type;
    box-sizing: @type;
    -ms-box-sizing: @type;
}

.gradient (@startColor: #EEEEEE, @endColor: #FFFFFF) {
    background-color: @startColor;
    background: -moz-linear-gradient(
        top,
        @startColor 0%,
        @endColor 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, @startColor),
        color-stop(100%, @endColor)
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        @startColor 0%,
        @endColor 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        @startColor 0%,
        @endColor 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        @startColor 0%,
        @endColor 100%
    ); /* IE10+ */
    background: linear-gradient(top, @startColor 0%, @endColor 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="@{startColor}",
            endColorstr="@{endColor}",
            GradientType=0
        ); /* IE6-8 */
}

.horizontal-gradient (@startColor: #EEEEEE, @endColor: #FFFFFF) {
    background-color: @startColor;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(@startColor),
        to(@endColor)
    );
    background-image: -webkit-linear-gradient(left, @startColor, @endColor);
    background-image: -moz-linear-gradient(left, @startColor, @endColor);
    background-image: -ms-linear-gradient(left, @startColor, @endColor);
    background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.transform (@string) {
    -webkit-transform: @string;
    -moz-transform: @string;
    -ms-transform: @string;
    -o-transform: @string;
}

.transition (@string) {
    transition: @string;
    -webkit-transition: @string;
    -moz-transition: @string;
    -o-transition: @string;
}

.scale (@factor) {
    -webkit-transform: scale(@factor);
    -moz-transform: scale(@factor);
    -ms-transform: scale(@factor);
    -o-transform: scale(@factor);
}

.user-select (@string: none) {
    -webkit-touch-callout: @string;
    -webkit-user-select: @string;
    -khtml-user-select: @string;
    -moz-user-select: @string;
    -ms-user-select: @string;
    user-select: @string;
}