2022-07-02 01:03:52 +07:00
|
|
|
.code-title {
|
|
|
|
color: var(--primary) ;
|
2022-07-14 13:37:54 +07:00
|
|
|
font-family: var(--font-mono);
|
2022-07-02 01:03:52 +07:00
|
|
|
width: max-content;
|
|
|
|
overflow-x: auto;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
font-weight: normal;
|
|
|
|
line-height: 1em;
|
|
|
|
position: relative;
|
|
|
|
padding: 0.5em 0.6em 0.6em; // + 1.2 em
|
|
|
|
max-width: calc(100% - 1.2em); // (-1.2 em) fits article width exactly
|
|
|
|
margin-bottom: -0.2em;
|
|
|
|
z-index: -1;
|
|
|
|
border-top-left-radius: 0.3em;
|
|
|
|
border-top-right-radius: 0.3em;
|
|
|
|
font-size: 0.9em;
|
|
|
|
background-color: var(--lightgray);
|
|
|
|
filter: hue-rotate(-30deg) contrast(1.0) opacity(0.8);
|
|
|
|
}
|