/*
 * plugin.css (RSX)
 *
 * Copyright © 2024 RSX Technologies GmbH - All Rights Reserved.
 *
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * This file and all it's contents are proprietary and confidential.
 *
 * Maintained by Rogiel Sulzbach, 2024
 *
 * @file plugin.css
 * @copyright 2024 RSX Technologies GmbH. All rights reserved.
 * @section License
 */

.rsx-component,
.rsx-fatcomponent,
.rsx-resource {
    white-space: nowrap;
}

.rsx-component ::after,
.rsx-fatcomponent ::after,
.rsx-resource ::after {
    padding-left: 10px;
    opacity: 50%;
    display: inline-block;
}

.rsx-component ::after {
    content: "Component";
}

.rsx-fatcomponent ::after {
    content: "FatComponent";
}

.rsx-resource ::after {
    content: "Resource";
}

/* Documentation version picker (see version-picker.js) */
.rsx-version-picker {
    display: flex;
    align-items: center;
    margin: 0 0.5rem;
}

.rsx-version-select {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--color-background);
    color: var(--color-text);
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    padding: 4px 24px 4px 8px;
    font: inherit;
    font-size: 0.875rem;
    line-height: 1.2;
    cursor: pointer;
    /* Chevron indicator drawn inline so no external asset is required. */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23808080' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
}

.rsx-version-select:hover {
    border-color: var(--color-text);
}