134 lines
2.9 KiB
SCSS
134 lines
2.9 KiB
SCSS
@mixin src-box {
|
|
display: inline;
|
|
position: absolute;
|
|
color: $color-text-shadow;
|
|
background-color: $white;
|
|
padding: 0px 4px;
|
|
border: 1px solid $color-shadow;
|
|
font-size: 0.6rem;
|
|
top: -9px;
|
|
z-index: 10;
|
|
font-family: $mono;
|
|
}
|
|
|
|
// Div that containst the code
|
|
.org-src-container {
|
|
position: relative;
|
|
overflow: visible;
|
|
margin-top: 1em;
|
|
|
|
// Caption
|
|
label {
|
|
text-align: center;
|
|
cursor: text;
|
|
font-size: 0.85rem;
|
|
font-family: $serif;
|
|
font-style: italic;
|
|
color: $color-caption;
|
|
|
|
// Listing num
|
|
.listing-number {
|
|
font-weight: $bold;
|
|
color: $color-caption-num;
|
|
}
|
|
}
|
|
|
|
// Copy Button
|
|
div.src-copy {
|
|
@include src-box;
|
|
line-height:1.5;
|
|
right: 10px;
|
|
cursor: pointer;
|
|
|
|
// When button is clicked
|
|
&.src-copied {
|
|
color: $color-text-invert;
|
|
background-color: $color-primary;
|
|
}
|
|
}
|
|
|
|
// Line numbers
|
|
.linenr {
|
|
color: $color-text-shadow;;
|
|
}
|
|
|
|
// Code Block
|
|
> pre {
|
|
position: relative;
|
|
overflow: visible;
|
|
border:1px solid $color-shadow;
|
|
background: $white;
|
|
display: block;
|
|
font-family: $mono;
|
|
font-size: 0.75rem;
|
|
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: $color-background;
|
|
border: 1px solid $color-shadow;
|
|
color: $color-text;
|
|
font-size: 0.75rem;
|
|
line-height: 1.5;
|
|
margin-bottom: 24px;
|
|
padding: 12px;
|
|
font-family: $mono;
|
|
|
|
//
|
|
&:before {
|
|
@include src-box;
|
|
content: "Results";
|
|
display: inline;
|
|
left: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Additional Formating of the code itself
|
|
.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;
|
|
}
|