////
/// Theme settings sidebar in editor
///
/// @author Sky Shabatura <theme@sky.camp>
/// @link   https://taproot-theme.com
////

// allow the carrot icon for our panel show all the details without the stroke
#editor .edit-post-pinned-plugins .components-icon-button {
    .dashicons-carrot, .dashicons-carrot * {
        stroke: none!important;
    }
}

.taproot-theme-sidebar {

    .components-base-control, .taproot-header-image-preview {
        margin: 16px 0;
    }

    .taproot-header-image-preview {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            display: block;
        }
    }

    .taproot-overlay-preview-text {
        color: white;
        text-decoration: none;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }
}

.taproot-sidebar-content {
    padding: 16px;
}
