/******************************* LIST ITEM */
.c-list-item {
    &__name a {
        display: flex;

        > * + * { margin-left: $interiorMarginSm; }
    }

    &__type-icon {
        // Have to do it this way instead of using icon-* class, due to need to apply alias to the icon
        color: $colorKey;
        display: inline-block;
        width: 1em;
        margin-right:$interiorMarginSm;
    }

    &__name-value {
        @include ellipsize();
    }

    &.is-alias {
        // Object is an alias to an original.
        [class*='__type-icon'] {
            &:after {
                color: $colorIconAlias;
                content: $glyph-icon-link;
                font-family: symbolsfont;
                display: block;
                position: absolute;
                text-shadow: rgba(black, 0.5) 0 1px 2px;
                top: auto; left: -1px; bottom: 1px; right: auto;
                transform-origin: bottom left;
                transform: scale(0.65);
            }
        }
    }
}
