@atlassian/aui/src/less/imports/mixins/trigger-chevron-icon.less

Atlassian User Interface library

@import (reference) './icon-pseudoelement';

@aui-trigger-icon-default-size: @aui-icon-size-xsmall;
@aui-trigger-icon-default-container-size: (
    @aui-trigger-icon-default-size + (2 * @aui-trigger-icon-gutter)
);
@aui-trigger-icon-gutter: 6px;

#aui {
    .aui-trigger-chevron-icon(
        @aui-trigger-icon-size: @aui-trigger-icon-default-size;
        // The containing control must reserve this width, for example with padding-right or a fixed width.
        // When using the default arguments, reserve @aui-trigger-icon-default-container-size.
        @aui-trigger-container-size: (@aui-trigger-icon-size + (2 * @aui-trigger-icon-gutter))
    ) {
        #aui.icon-pseudoelement(@aui-icon-font-family);
        content: @aui-glyph-chevron-down;
        font-size: @aui-trigger-icon-size;
        height: @aui-trigger-icon-size;
        line-height: 1;
        margin-top: -(@aui-trigger-icon-size / 2);
        position: absolute;
        right: ((@aui-trigger-container-size - @aui-trigger-icon-size) / 2);
        top: 50%;
        text-indent: 0; // Reset indentation set by split button
        width: @aui-trigger-icon-size;
    }
}