// Adapted from GitHub's scheme raw.githubusercontent.com/primer/github-syntax-light/master/lib/github-light.css $pl-c: #6a737d /* comment punctuation.definition.comment string.comment */
/* constant entity.name.constant variable.other.constant variable.language support meta.property-name support.constant support.variable meta.module-reference markup.raw meta.diff.header meta.output */ $pl-c1: #005cc5 /* string variable */
$pl-en: #6f42c1 /* entity.name */
/* variable.parameter.function storage.modifier.package storage.modifier.import storage.type.java variable.other */ $pl-s1: #24292e /* string source */
$pl-ent: #22863a /* entity.name.tag markup.quote */
$pl-k: d73a49 /* keyword storage storage.type */ $pl-k: a419ea /* override */
/* string */ /* punctuation.definition.string source.regexp string.regexp.character-class */ /* string punctuation.section.embedded source */ /* string.regexp */ /* string.regexp constant.character.escape */ /* string.regexp source.ruby.embedded */ $pl-s: #032f62 /* string.regexp string.regexp.arbitrary-repitition */
/* variable */ $pl-v: e36209 /* sublimelinter.mark.warning */
$pl-bu: b31d28 /* invalid.broken invalid.deprecated invalid.unimplemented message.error brackethighlighter.unmatched sublimelinter.mark.error */
$pl-ii: fafbfc /* invalid.illegal */ $pl-ii-background: b31d28
$pl-sr: #22863a /* string.regexp constant.character.escape */
$pl-ml: #735c0f /* markup.list */
/* markup.heading */ /* markup.heading entity.name */ $pl-mh: #005cc5 /* meta.separator */
$pl-mi2: f6f8fa /* markup.ignored markup.untracked */ $pl-mi2-background: #005cc5
// meyerweb.com/eric/tools/css/reset/ // v2.0 | 20110126 // License: none (public domain)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
margin: 0 padding: 0 border: 0 font-size: 100% // font: inherit vertical-align: baseline
// HTML5 display-role reset for older browsers article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
display: block
body
line-height: 1
ol, ul
list-style: none
blockquote, q
quotes: none
blockquote:before, blockquote:after, q:before, q:after
content: '' content: none
table
border-collapse: collapse border-spacing: 0
// Global settings *
box-sizing: border-box border-collapse: collapse font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
// *** DeepCover
Source ***
$dark-green: #25712b $light-green: #74b770 $light-gray: e1e4e8
%light-border
border: 1px solid $light-gray
.fork-branch > .fork-icon
display: none
%show-fork-icon
.fork-branch > .fork-icon display: inherit
%center
width: 980px margin: 0 auto 0 auto
$toggled: $light-green $not-run: hsl(hue(f00), 100%, 85%) $ignored: hsl(0, 0, 85%)
// *** Common template *** main
@extend %center padding-top: 10px
.overlay
width: 100% position: fixed top: 0 z-index: 9999 .center position: relative @extend %center
header
width: 100% position: relative top: 0 background: #24292e color: rgba(255,255,255,0.75) padding-bottom: 4px .content position: relative @extend %center .info padding: 4px 0 4px 0 color: #88d483 .deep-cover transition: opacity 0.4s opacity: 0.3 font-size: 24px font-weight: 900 .deep color: #74b770 .version transition: opacity 0.4s opacity: 0.1 font-size: 12px font-weight: lighter &:hover .deep-cover opacity: 0.8 .version opacity: 0.6 // *** DeepCover Source *** body.source & .nav a color: white
body.source
.stats th, td padding: 6px border-right: 1px solid $light-gray td padding-top: 0 table @extend %light-border position: absolute background: white right: 20px top: 15px color: $pl-s .ignored opacity: 0.7 &::before content: "[+" &::after content: "]" main white-space: pre font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace font-size: 12px line-height: 20px table.source @extend %light-border width: 100% td vertical-align: top .nb color: rgba(27,31,35,0.3) text-align: right width: 50px padding-right: 10px padding-left: 10px // * Color scheme * // Default color, for unexecutable code color: $pl-c // Executed code .run color: $pl-s .not-run background-color: $not-run padding: 2px 0 .ignored background-color: $ignored padding: 2px 0 .kind-keyword, .kind-else color: $pl-k .node-def.kind-name color: #3e920c // Literals: .kind-expression, .node-const color: $pl-c1 .node-send color: $dark-green .node-str color: $pl-s // Icons .icon-not-run background-color: $not-run border-color: red .icon-ignored background-color: $ignored border-color: darken($ignored, 20%) .icon width: 2ex height: 1.5em line-height: 1.5em text-align: center background-color: white padding: 0 @extend %light-border .kind-empty position: relative & > .empty-icon @extend .icon left: -2.5ex width: 2.3ex &.not-run > .empty-icon @extend .icon-not-run // Branches .fork position: relative .fork-icon @extend .icon .fork-whole & > .fork-icon z-index: 1 &:hover @extend %show-fork-icon background: $light-gray padding: 2px 0 .fork-with-uncovered-branches &.fork-not-run > .fork-icon @extend .icon-not-run &.fork-ignored > .fork-icon @extend .icon-ignored &.show-forks @extend %show-fork-icon .fork-whole background: $light-gray .stats .branch background: $toggled
// *** Index ***
.tree
// Overrides .jstree-table-cell padding-left: 0 span padding-right: 4px .jstree-table-header-cell // Leave space for sort arrows: padding-right: 17px font-style: italic .jstree-table-sort-icon right: 4px top: 8px left: inherit .jstree-table-separator border: none .jstree-table-column text-align: right border: gray 1px #ddd .jstree-table-column-0 text-align: left .percent-100 color: green .percent-90 color: blue .percent-80 color: brown .percent-60, .percent-70 color: orange .percent-00, .percent-10, .percent-20, .percent-30, .percent-40, .percent-50 color: red
footer
display: none