163 lines
3.0 KiB
Stylus
163 lines
3.0 KiB
Stylus
// https://github.com/chriskempson/tomorrow-theme
|
|
highlight-background = #2d2d2d
|
|
highlight-current-line = #393939
|
|
highlight-selection = #515151
|
|
highlight-foreground = #555
|
|
highlight-comment = #999999
|
|
highlight-red = #f2777a
|
|
highlight-orange = #f99157
|
|
highlight-yellow = #ffcc66
|
|
highlight-green = #16982B
|
|
highlight-aqua = #66cccc
|
|
highlight-blue = #6699cc
|
|
highlight-purple = #cc99cc
|
|
code-font-size = 14px
|
|
code-background = #34495e
|
|
code-color = #6a7c8e
|
|
|
|
code, pre {
|
|
padding: 7px;
|
|
font-size: code-font-size;
|
|
font-family: Consolas;
|
|
background: #f0f0f0;
|
|
}
|
|
code {
|
|
padding: 3px 5px;
|
|
border-radius: 4px;
|
|
color: code-color;
|
|
}
|
|
.highlight {
|
|
margin: 1em 0;
|
|
border-radius: 5px;
|
|
overflow-x: auto;
|
|
box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
|
|
position: relative;
|
|
table {
|
|
position: relative;
|
|
max-width: none;
|
|
&::after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
padding: 2px 7px;
|
|
font-size: code-font-size;
|
|
font-weight: bold;
|
|
color: #fefefe;
|
|
background: #34495e;
|
|
content: 'Code';
|
|
}
|
|
}
|
|
figcaption {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
padding: 2px 7px;
|
|
font-size: code-font-size;
|
|
font-weight: bold;
|
|
color:gray,;
|
|
background: code-background;
|
|
z-index: 20;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box;
|
|
color: white;
|
|
|
|
& > a {
|
|
position: absolute;
|
|
right: 0;
|
|
display: inline-box;
|
|
margin-right: 7px;
|
|
font-weight: 400;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
border: 0;
|
|
}
|
|
}
|
|
}
|
|
.code {
|
|
pre {
|
|
margin: 0;
|
|
padding: 40px 10px 10px;
|
|
}
|
|
}
|
|
.code {
|
|
pre {
|
|
margin: 0;
|
|
padding: 40px 10px 10px;
|
|
}
|
|
}
|
|
.gutter {
|
|
width: 10px;
|
|
color: $gray;
|
|
|
|
pre {
|
|
margin: 0;
|
|
padding: 40px 7px 10px;
|
|
}
|
|
}
|
|
.line {
|
|
// Fix code block null line height and
|
|
// Synchronous gutter and code line highly.
|
|
height: round(code-font-size * 1.5);
|
|
}
|
|
|
|
table, tr, td {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100.1%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
}
|
|
|
|
pre
|
|
.comment
|
|
.title
|
|
color: highlight-comment
|
|
.variable
|
|
.attribute
|
|
.tag
|
|
.regexp
|
|
.ruby .constant
|
|
.xml .tag .title
|
|
.xml .pi
|
|
.xml .doctype
|
|
.html .doctype
|
|
.css .id
|
|
.css .class
|
|
.css .pseudo
|
|
color: highlight-red
|
|
.number
|
|
.preprocessor
|
|
.built_in
|
|
.literal
|
|
.params
|
|
.constant
|
|
color: highlight-orange
|
|
.class
|
|
.ruby .class .title
|
|
.css .rules .attribute
|
|
color: highlight-green
|
|
.string
|
|
.value
|
|
.inheritance
|
|
.header
|
|
.ruby .symbol
|
|
.xml .cdata
|
|
color: highlight-green
|
|
.css .hexcolor
|
|
color: highlight-aqua
|
|
.function
|
|
.python .decorator
|
|
.python .title
|
|
.ruby .function .title
|
|
.ruby .title .keyword
|
|
.perl .sub
|
|
.javascript .title
|
|
.coffeescript .title
|
|
color: highlight-blue
|
|
.keyword
|
|
.javascript .function
|
|
color: highlight-purple
|