// main: backend.scss
@import "colors";

.link-preview {

    .preview {
        margin: 0;
        box-sizing: border-box;
        border-radius: 2px;
    }

    a {
        max-width: 100%;
        display: inline-block;
        padding: 2px;
        border-radius: 2px;
        box-sizing: border-box;
        cursor: pointer;
        background: $col-gray-2;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: background .2s ease;

        &:hover {
            background: $col-gray-1;
        }
    }
}

.widget.link-preview {

    .preview {
        margin: 2px 0;
    }

    a {
        padding: 8px 6px;
    }
}