.code-editor span.control:nth-child(1):before {
margin-left: 15px;
background-color: #df6963;
}
.code-editor span.control:nth-child(2):before {
margin-left: 35px;
background-color: #f5e18a;
}
.code-editor span.control:nth-child(3):before {
margin-left: 55px;
background-color: #97c38a;
}
/* -- iPad Screen -- */
@media only screen and (min-width: 480px) and (max-width: 768px) {
.code-editor {
width: 500px;
}
.code-editor:before {
width: 500px;
}
}
/* -- iPhone Screen -- */
@media only screen and (max-width: 479px) {
.code-editor {
width: 300px;
}
.code-editor:before {
width: 300px;
}
}
/**
* prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
* Based on https://github.com/chriskempson/tomorrow-theme
* @author Rose Pritchard
*/
code[class*="language-"],
pre[class*="language-"] {
color: #ccc;
font-family: Consolas, Monaco, 'Andale Mono', monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0em 0;
height: 500px;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #080808;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
-moz-border-radius: .3em;
-o-border-radius: .3em;
-webkit-border-radius: .3em;
}
pre.line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
padding-bottom: 1px;
}
pre.line-numbers > code {
position: relative;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -13em;
width: 3em; /* works for line-numbers below 1000 lines */
letter-spacing: -1px;
background-color: #322422;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: #999;
display: block;
padding-right: 0.8em;
text-align: right;
}
Share This :
0 Comments