code {

font-family: $font_code;

// inline code
margin: 1px;
padding: 3px 6px;
border-radius: 3px;
font-size: 0.85em;
background-color: $gray_light;
background-color: var(--float-color, $gray_light);
// Allow line break anywhere for code surrounded by backticks in markdown
&[class*="language-plaintext"] {
    overflow-wrap: break-word;

    word-break: break-all;
    word-break: break-word;
}

// code block
pre & {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    line-height: 0.8;
}

}

// weblog.west-wind.com/posts/2019/Dec/30/A-HighlightJs-Copy-Code-Badge-Component .highlighter-rouge {

position: relative;

}

.code-copy-btn {

color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.1);
opacity: 0;
transition: opacity 0.3s;
height: 30px;
width: 30px;
border: none;
border-radius: 50%;
position: absolute;
top: calc(min(100% - 36px, 12px));
right: 2.5%;

@media only screen and (max-width: #{$desktop-min-width}) {
    opacity: 1;
}

}

.highlight:hover .code-copy-btn {

opacity: 1;

}

.code-copy-btn:hover {

color: rgba(255, 255, 255, 0.6);
background-color: rgba(255, 255, 255, 0.3);
cursor: copy;

}

.code-copy-btn:active {

color: rgba(255, 255, 255, 0.8);

}

/* Adjusted to give override background and text colour */ .highlight pre, pre, .highlight .hll {

// background-color: #49483E;
background-color: #222;
border: none;
// box-sizing: border-box;
width: 95%;
margin: 20px auto;
padding: 6px 10px;
border-radius: 10px;
color: #fff;
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
box-shadow: 0 5px 20px var(--dark-shadow2, rgba(0,0,0,0.3));
overflow: scroll;
z-index: 2;

// @include phone {
//     box-sizing: content-box;
// }

}

.gist pre {

color: #515151;

}

/*! Highlights taken from gist.github.com/asaaki/1007420 for Monokai theme */ .c { color: #75715e } /* Comment */ .err { color: #960050; background-color: #1e0010 } /* Error */ .k { color: #66d9ef } /* Keyword */ .l { color: ae81ff } /* Literal */ .n { color: f8f8f2 } /* Name */ .o { color: f92672 } /* Operator */ .p { color: f8f8f2 } /* Punctuation */ .cm { color: #75715e } /* Comment.Multiline */ .cp { color: #75715e } /* Comment.Preproc */ .c1 { color: #75715e } /* Comment.Single */ .cs { color: #75715e } /* Comment.Special */ .ge { font-style: italic } /* Generic.Emph */ .gs { font-weight: bold } /* Generic.Strong */ .kc { color: #66d9ef } /* Keyword.Constant */ .kd { color: #66d9ef } /* Keyword.Declaration */ .kn { color: f92672 } /* Keyword.Namespace */ .kp { color: #66d9ef } /* Keyword.Pseudo */ .kr { color: #66d9ef } /* Keyword.Reserved */ .kt { color: #66d9ef } /* Keyword.Type */ .ld { color: e6db74 } /* Literal.Date */ .m { color: ae81ff } /* Literal.Number */ .s { color: e6db74 } /* Literal.String */ .na { color: a6e22e } /* Name.Attribute */ .nb { color: f8f8f2 } /* Name.Builtin */ .nc { color: a6e22e } /* Name.Class */ .no { color: #66d9ef } /* Name.Constant */ .nd { color: a6e22e } /* Name.Decorator */ .ni { color: f8f8f2 } /* Name.Entity */ .ne { color: a6e22e } /* Name.Exception */ .nf { color: a6e22e } /* Name.Function */ .nl { color: f8f8f2 } /* Name.Label */ .nn { color: f8f8f2 } /* Name.Namespace */ .nx { color: a6e22e } /* Name.Other */ .py { color: f8f8f2 } /* Name.Property */ .nt { color: f92672 } /* Name.Tag */ .nv { color: f8f8f2 } /* Name.Variable */ .ow { color: f92672 } /* Operator.Word */ .w { color: f8f8f2 } /* Text.Whitespace */ .mf { color: ae81ff } /* Literal.Number.Float */ .mh { color: ae81ff } /* Literal.Number.Hex */ .mi { color: ae81ff } /* Literal.Number.Integer */ .mo { color: ae81ff } /* Literal.Number.Oct */ .sb { color: e6db74 } /* Literal.String.Backtick */ .sc { color: e6db74 } /* Literal.String.Char */ .sd { color: e6db74 } /* Literal.String.Doc */ .s2 { color: e6db74 } /* Literal.String.Double */ .se { color: ae81ff } /* Literal.String.Escape */ .sh { color: e6db74 } /* Literal.String.Heredoc */ .si { color: e6db74 } /* Literal.String.Interpol */ .sx { color: e6db74 } /* Literal.String.Other */ .sr { color: e6db74 } /* Literal.String.Regex */ .s1 { color: e6db74 } /* Literal.String.Single */ .ss { color: e6db74 } /* Literal.String.Symbol */ .bp { color: f8f8f2 } /* Name.Builtin.Pseudo */ .vc { color: f8f8f2 } /* Name.Variable.Class */ .vg { color: f8f8f2 } /* Name.Variable.Global */ .vi { color: f8f8f2 } /* Name.Variable.Instance */ .il { color: ae81ff } /* Literal.Number.Integer.Long */