.inspire-tree {
    > ol {
        position: relative;
    }

    .wholerow {
        height: $tree-node-height;
        left: 0;
        position: absolute;
        transform: translate(0, -100%);
        width: 100%;
        z-index: 1;
    }

    .focused:not(.selected) > .wholerow,
    .title-wrap:hover + .wholerow {
        background: $tree-row-hover-color;
    }

    .selected > .wholerow,
    .selected > .title-wrap:hover + .wholerow {
        background: $tree-row-selected-color;
    }
}

.inspire-tree {
    > ol {
        position: relative;
    }

    .wholerow {
        height: $tree-node-height;
        left: 0;
        position: absolute;
        transform: translate(0, -100%);
        width: 100%;
        z-index: 1;
    }

    .focused:not(.selected) > .wholerow {
        outline: 1px dotted #000;
    }

    .title-wrap:hover + .wholerow {
        background: $tree-row-hover-color;
    }

    .selected > .wholerow,
    .selected > .title-wrap:hover + .wholerow {
        background: $tree-row-selected-color;
    }
}

Use traditional outline for focus styling
Use traditional outline for focus styling
