// The default theme will put nothing in here, but it will be imported in
// "main.scss", allowing users to specify it in their custom theme to adjust the
// deafult theme without losing updates to the "core" SCSS.

// You can override variables and styles in your custom.scss file. All support
// variables are shown below.

//////////////////
// Structural variables:
//////////////////
//
// $max-content-width: 88em;
// $drawer-size: 250px;
// $drawer-size-desktop-large: 300px;
//
// $content-padding: 20px;
//
// $sidebar-top: 0px;
// $sidebar-padding: $content-padding;
// $sidebar-background: #fff;
//
// $overlay-background: rgba(0, 0, 0, 0.5);
// $overlay-background-hidden: rgba(0, 0, 0, 0);
//
// $code-background: #ccc;
//
// $size-tablet: 32em;
// $size-desktop: 48em;
// $size-desktop-large: 64em;
//
// // Below this size, the sidebar will be a mobile-style drawer
// $size-sidebar-break: $size-desktop;
//
// // Below this size, the content will stack
// $size-content-break: $size-desktop;
//
// // This comes from the value passed in the config
// $logo-max-height: getLogoMaxHeightPx();
// $logo-height: getLogoHeightPx();
//
// // In case there is a navbar. getScrollOffset if a function defined in the grunt
// // config file
// $scroll-offset: getScrollOffset();


//////////////////
// Style variables
//////////////////
//
$font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
// $font-family-monospaced: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
// $text-color: red;
// $text-color-subtle: #999999;
// $link-color: #0298bf;
// $link-color-hover: #0182a2;
// $background: white;
// $border-color: #d8d8d8;
// $border-color-subtle: #e0e0e0;
// $border-size-thick: 2px;
// $border-size-thin: 1px;
//
// $background-error: #fed7d8;
// $text-color-error: #c60609;
//
// $line-height: 1.6;
// $line-height-heading: 1.2;
//
// $font-size: 16px;
// $font-size-mobile: 14px;
//
// $font-size-large-heading: 2.25em;
// $font-size-large-heading-mobile: 1.72em;
// $font-size-small: .875em;
// $font-size-code: $font-size-small;
// $font-size-small-heading: .875em;
// $font-size-example-heading: .75em;
//
// $padding-code-block: 15px $content-padding;
// $font-size-code-block: .82em;
// $text-color-code-block: white;
// $background-code-block: #222222;
// $background-code-block-heading: #000000;
// $line-height-code-block: 1.4;
//
// $container-padding-mobile: $content-padding;
// $container-padding-tablet: 30px;
// $container-padding-desktop: 50px;
//
// $container-padding-operation: 60px;
//
// $background-arguments: #fafbfc;


// Copy Docs Button
.operation-example {
    a {
        background: #3D66FF;
        color: white !important;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0em;
        text-align: left;
        padding: 0.625rem 1.5rem;
        border: 0;
        border-radius: 50px;
        transition: background 0.25s ease;
        white-space: nowrap;

        &:hover {
            background: rgba($color: #3D66FF, $alpha: 0.8);
            cursor: pointer;
        }
    }

    pre {
        width: fit-content;
        min-width: 400px;
        border-radius: 10px;
        max-width: 75ch;

        @media screen and (max-width: 650px) {
            width: inherit;
            min-width: inherit;
        }
    }
}


.definition.definition-scalar .doc-row .doc-copy,
.definition.definition-object .doc-row .doc-copy {
    width: 100% !important;
    max-width: 85ch !important;
}