@use '../../styles/variables';

.dg-source-code {
    display: block;
    padding: 10px 20px;
    background: variables.$dg-gray-100;
    white-space: nowrap;
    margin: 0px;
    height: 0px;
    position: relative;

    .dg-source-code-content {
        white-space: break-spaces;
        padding: 10px 0px;
        font-size: variables.$dg-font-size-base;
    }

    .dg-copy {
        position: absolute;
        top: 1em;
        right: 1.1em;
        color: variables.$dg-gray-500;
        &:hover {
            color: variables.$dg-primary;
        }
    }
}