You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
paste/views/highlight.pug

59 lines
2.0 KiB
Plaintext

9 years ago
extends layout
block head
link(rel='stylesheet', href='https://cdn.jsdelivr.net/prism/1.5.1/themes/prism-coy.css')
link(rel='stylesheet', href='https://cdn.jsdelivr.net/prism/1.6.0/plugins/toolbar/prism-toolbar.css')
link(rel='stylesheet', href='https://cdn.jsdelivr.net/prism/1.5.1/plugins/line-numbers/prism-line-numbers.css')
style.
html, body {
height: 100%;
}
html, body, code, pre {
min-height: 100%;
}
pre[class*="language-"] {
margin: 0;
box-shadow: none;
max-height: none;
border-left: none;
}
pre[class*="language-"]::before, pre[class*="language-"]::after {
box-shadow: none;
display: none;
}
pre.code-toolbar > .toolbar {
top: 20px;
right: 20px;
opacity: .5;
}
pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button,
pre.code-toolbar > .toolbar span {
padding: .5rem 1rem;
font-size: 1.25rem;
color: #fff;
background-color: #0275d8;
border-color: #0275d8;
border-radius: .3rem;
}
pre.code-toolbar > .toolbar a:hover,
pre.code-toolbar > .toolbar a:focus,
pre.code-toolbar > .toolbar button:hover,
pre.code-toolbar > .toolbar button:focus,
pre.code-toolbar > .toolbar span:hover,
pre.code-toolbar > .toolbar span:focus {
color: #fff;
background-color: #025aa5;
}
9 years ago
block content
pre.line-numbers
code(class='language-' + lang)
9 years ago
| #{paste}
script(src='https://cdn.jsdelivr.net/prism/1.6.0/prism.js')
script(src='https://cdn.jsdelivr.net/prism/1.6.0/components/prism-' + lang + '.min.js')
script(src='https://cdn.jsdelivr.net/prism/1.6.0/plugins/toolbar/prism-toolbar.min.js')
script(src='https://cdn.jsdelivr.net/prism/1.6.0/plugins/line-numbers/prism-line-numbers.min.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js')
script(src='https://cdn.jsdelivr.net/prism/1.6.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js')