Graphite/website/sass/component/code-snippet.scss

48 lines
770 B
SCSS

pre {
display: flex;
max-width: 100%;
color: var(--color-fog);
// This zero transform sets this element as the root for `position: fixed`
transform: translate(0);
// Color overrides
&,
&.z-code {
background: var(--color-navy);
.z-path {
color: #679f70;
span {
color: #e6e1dc;
}
}
}
// Container for the element (span or table) containing the lines of code
code {
background: inherit;
color: inherit;
display: block;
overflow-x: auto;
padding: 10px 20px;
flex: 1 1 auto;
width: 0;
.giallo-l {
display: inline-block;
min-height: 1lh;
width: 100%;
}
.giallo-ln {
display: inline-block;
user-select: none;
text-align: right;
margin-left: -10px;
padding-right: 16px;
min-width: 3ch;
}
}
}