@prefix: graphjs;

.@{prefix}-credit {
    & > * {
        float: left;
        height: 100%;
    }
    img {
        width: auto;
        height: inherit;
        border-radius: @border-radius-full;
    }
    span {
        .box-sizing(border-box);
        display: inline-block;
        height: inherit;
        // ThemeOption: color: @primary-color;
        .bold-font;
        b {
            display: block;
            margin-bottom: .25em;
            // ThemeOption: color: @primary-color;
            line-height: 100%;
        }
        small, time {
            width: 100%;
            // ThemeOption: color: @text-color-weak;
            line-height: 100%;
            .regular-font;
            vertical-align: middle;
        }
        a {
            // ThemeOption: color: @text-color-weak;
            .regular-font;
            line-height: 1em;
            vertical-align: middle;
            &::before {
                content: '\00b7';
                display: inline;
                margin: 0 .25em;
                vertical-align: top;
                // ThemeOption: color: @text-color-weak;
            }
        }
        .@{prefix}-separated {
            &::before {
                content: '\00b7';
                display: inline;
                margin: 0 .25em;
                vertical-align: top;
                // ThemeOption: color: @text-color-weak;
            }
        }
    }
}