org-theme/scss/partials/_codes.scss

124 lines
2.9 KiB
SCSS

@mixin src-box {
display: inline;
position: absolute;
color: #808080;
background-color: white;
padding: 0px 4px;
border: 1px solid #d0d0d0;
font-size:10px;
top: -9px;
z-index: 10;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
}
// Div that containst the code
.org-src-container {
position: relative;
overflow: visible;
margin-top: 1em;
// Caption
label {
text-align: center;
cursor: text;
.listing-number {
font-weight: bold;
color: #343131;
}
}
// Copy Button
div.src-copy {
@include src-box;
line-height:1.5;
right: 10px;
cursor: pointer;
// When button is clicked
&.src-copied {
background-color: #d6e9ff;
}
}
// Code Block
> pre {
position: relative;
overflow: visible;
border:1px solid #e1e4e5;
background:#fff;
display:block;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:12px;
line-height:1.5;
padding:12px;
margin-bottom: 24px;
white-space: pre-wrap; // Wrap long Line
// Box containing language Names
&.src:before {
@include src-box;
left: 10px;
}
// Languages Names
&.src-emacs-lisp:before { content: 'Emacs Lisp'; }
&.src-elisp:before { content: 'Emacs Lisp'; }
&.src-sh:before { content: 'shell'; }
&.src-bash:before { content: 'bash'; }
&.src-org:before { content: 'Org mode'; }
&.src-python:before { content: 'Python'; }
&.src-latex:before { content: 'LaTeX'; }
&.src-matlab:before { content: 'Matlab'; }
&.src-bibtex:before { content: 'BibTeX'; }
}
}
// Results blocks
pre {
&.example {
position: relative;
background:#f3f6f6;
border:1px solid #e1e4e5;
color:#404040;
font-size: 12px;
line-height: 1.5;
margin-bottom:24px;
padding:12px;
//
&:before {
@include src-box;
content: "Results";
display: inline;
left: 10px;
}
}
}
.org-type {
color: #228b22;
}
.org-comment {
color: #999988; font-style: italic;
}
.org-comment-delimiter {
color: #999988; font-style: italic;
}
.org-string {
color: #dd1144;
}
.org-matlab-cellbreak {
text-decoration: underline;
text-decoration-color: #999988;
}
.org-constant {
color: #008b8b;
}
.org-variable-name {
color: teal;
}