2020-11-26 13:42:06 +01:00
@mixin src-box {
display : inline ;
position : absolute ;
color : #808080 ;
background-color : white ;
padding : 0 px 4 px ;
border : 1 px solid #d0d0d0 ;
font-size : 10 px ;
top : - 9 px ;
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 ;
}
2020-11-25 23:22:07 +01:00
2020-11-26 13:42:06 +01:00
// Div that containst the code
. org-src-container {
2020-11-26 10:59:38 +01:00
position : relative ;
overflow : visible ;
2020-11-26 13:42:06 +01:00
margin-top : 1 em ;
2020-11-26 10:59:38 +01:00
2020-11-26 15:58:26 +01:00
// Caption
label {
text-align : center ;
cursor : text ;
. listing-number {
font-weight : bold ;
color : #343131 ;
}
}
2020-11-26 13:42:06 +01:00
// Copy Button
2020-11-26 10:59:38 +01:00
div . src-copy {
2020-11-26 13:42:06 +01:00
@include src-box ;
2020-11-26 10:59:38 +01:00
line-height : 1 .5 ;
right : 10 px ;
cursor : pointer ;
2020-11-26 15:58:26 +01:00
// When button is clicked
& . src-copied {
background-color : #d6e9ff ;
}
2020-11-26 10:59:38 +01:00
}
2020-11-26 13:42:06 +01:00
// Code Block
2020-11-25 23:22:07 +01:00
> pre {
position : relative ;
overflow : visible ;
border : 1 px 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 : 12 px ;
line-height : 1 .5 ;
padding : 12 px ;
2020-11-26 13:42:06 +01:00
margin-bottom : 24 px ;
white-space : pre-wrap ; // Wrap long Line
2020-11-25 23:22:07 +01:00
2020-11-26 13:42:06 +01:00
// Box containing language Names
2020-11-25 23:22:07 +01:00
& . src : before {
2020-11-26 13:42:06 +01:00
@include src-box ;
2020-11-25 23:22:07 +01:00
left : 10 px ;
}
2020-11-26 13:42:06 +01:00
// Languages Names
2020-11-25 23:22:07 +01:00
& . src-emacs-lisp : before { content : ' Emacs Lisp ' ; }
2020-11-26 13:42:06 +01:00
& . 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 ' ; }
2020-11-26 15:58:26 +01:00
& . src-bibtex : before { content : ' BibTeX ' ; }
2020-11-25 23:22:07 +01:00
}
}
2020-11-26 13:42:06 +01:00
// Results blocks
2020-11-25 23:22:07 +01:00
pre {
& . example {
position : relative ;
background : #f3f6f6 ;
border : 1 px solid #e1e4e5 ;
color : #404040 ;
font-size : 12 px ;
line-height : 1 .5 ;
margin-bottom : 24 px ;
padding : 12 px ;
2020-11-26 13:42:06 +01:00
//
2020-11-25 23:22:07 +01:00
& : before {
2020-11-26 13:42:06 +01:00
@include src-box ;
content : " Results " ;
2020-11-25 23:22:07 +01:00
display : inline ;
left : 10 px ;
}
}
}
2020-11-26 13:42:06 +01:00
2020-11-25 23:22:07 +01:00
. 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 ;
}