source: Dev/trunk/src/client/qed-client/css/mixins.less @ 530

//LAYOUT
.newLine () {
        float: left;
        clear: left;
}

.transition (@time: @transition_time) {
        -webkit-transition: all @time;
        -moz-transition: all @time;
        -o-transition: all @time;
        -ms-transition: all @time;
        transition: all @time;
}

.flatShading () {
        //Disable borders, gradients and other effects. One flat colour shading.
        border: none;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
}

.noOffset () {
        .noMargin;
        .noPadding;
}

.noMargin () {
        margin: 0 0 0 0;
}

.noPadding () {
        padding: 0 0 0 0;
}
//------------------------------------------
//ICONS

.setIconSize (@size, @b) when (@size < 24px) {
        width: @size;
        height: @size;
        margin: ((24px - @size) / 2) 0;
        .noPadding ();
        background-image: url('images/icons/rftIcons16@{b}.png');
}

.setIconSize (@size, @b) when (@size >= 24px) and (@size < 32) {
        width: 24px;
        height: 24px;
        .noMargin ();
        .noPadding ();
        background-image: url('images/icons/rftIcons24@{b}.png');
}

.setIconSize (@size, @b) when (@size >= 32px) {
        width: 32px;
        height: 32px;
        margin: 0;
        .noPadding ();
        background-image: url('images/icons/rftIcons32@{b}.png');
}

.setIcon (@size, black) {
        .setIconSize(@size, "b");
}
.setIcon (@size, white) {
        .setIconSize(@size, "");
}
.setIcon (@size, grey) {
        .setIconSize(@size, "g");
}
.setIcon (@size) {
        .setIconSize(@size, "");
}
//------------------------------------------

//Old colour settings
//TODO: I AM NOT SURE IF THIS ACTUALLY WORKS! THOROUGHLY TEST WHEN APPLIED TO PAGES!!!!
// Oke, wat. Deze shit is echt niet te snappen. :P Gewoon maar weer de oude meuk erin hangen?
.blockButtonColorMixin (@color) {
        .dijitButtonNode {
                background-color: @@color;
        }

        &.dijitHover {
                .dijitButtonNode {
                        background-color: @text;
                        color: @darkest;
                }
        }
        &.dijitActive {
                .dijitButtonNode {
                        @colorName: "@{color}_light";
                        background-color: @@colorName;
                        color: @text;
                }
        }

}