@atlassian/aui/src/less/imports/mixins/focus.less

Atlassian User Interface library

@import '../aui-theme/core/colors';

@aui-focus-ring-color: @ak-color-B100;

#aui {
    .with-focus-ring(@color: @aui-focus-ring-color, @outline-width: 2px) {
        outline: none;
        box-shadow: 0 0 0 @outline-width @color;
    }

    .with-focus-border(@color: @aui-focus-ring-color, @outline-width: 2px) {
        outline: none;
        border-width: @outline-width;
        border-color: @color;
    }

    .focus-ring(@color: @aui-focus-ring-color, @outline-width: 2px) {
        &:focus {
            #aui.with-focus-ring(@color, @outline-width);
        }
    }
}