brunosimon
153 lines
2.4 KiB
Stylus
153 lines
2.4 KiB
Stylus
// Fonts
|
|
@font-face
|
|
font-family 'Inconsolata'
|
|
font-weight normal
|
|
font-style normal
|
|
src url('../../../static/fonts/Inconsolata-Regular.ttf')
|
|
|
|
@font-face
|
|
font-family 'Inconsolata'
|
|
font-weight bold
|
|
font-style normal
|
|
src url('../../../static/fonts/Inconsolata-Bold.ttf')
|
|
|
|
// Viewer
|
|
.viewer
|
|
position absolute
|
|
top 30px
|
|
right 0
|
|
width 100%
|
|
height 100%
|
|
font-family Inconsolata, Monaco, Consolas, 'Courier New', Courier
|
|
line-height 20px
|
|
letter-spacing 0.5px
|
|
font-size 15px
|
|
background #2d2d49
|
|
overflow scroll
|
|
|
|
.version-active &
|
|
width 75%
|
|
|
|
.lines
|
|
position absolute
|
|
top 0
|
|
left 0
|
|
|
|
.line
|
|
position relative
|
|
color #abb2bf
|
|
opacity 0.75
|
|
letter-spacing -1px
|
|
padding-left 25px
|
|
cursor pointer
|
|
|
|
.added
|
|
position absolute
|
|
top 0
|
|
left 9px
|
|
color #00ffa5
|
|
|
|
.removed
|
|
position absolute
|
|
top -10px
|
|
left 9px
|
|
color #ff8157
|
|
|
|
.question
|
|
display none
|
|
position absolute
|
|
top 0
|
|
right -8px
|
|
font-size 12px
|
|
color #00d8ff
|
|
|
|
.active
|
|
position absolute
|
|
top 0
|
|
right -14px
|
|
font-size 12px
|
|
color #00d8ff
|
|
|
|
&:hover
|
|
.question
|
|
display block
|
|
|
|
.code
|
|
position absolute
|
|
top 0
|
|
left 70px
|
|
right 0
|
|
height 100%
|
|
outline none
|
|
::-moz-selection
|
|
background #bdb9bf
|
|
::selection
|
|
background #bdb9bf
|
|
|
|
// Highlight js
|
|
.hljs-title
|
|
color red
|
|
|
|
.hljs
|
|
display block
|
|
overflow-x auto
|
|
color #abb2bf
|
|
|
|
.hljs-comment
|
|
.hljs-quote
|
|
color #5c6370
|
|
font-style italic
|
|
|
|
.hljs-doctag
|
|
.hljs-keyword
|
|
.hljs-formula
|
|
color #c678dd
|
|
|
|
.hljs-section
|
|
.hljs-name
|
|
.hljs-selector-tag
|
|
.hljs-deletion
|
|
.hljs-subst
|
|
color #e06c75
|
|
|
|
.hljs-literal
|
|
color #56b6c2
|
|
|
|
.hljs-string
|
|
.hljs-regexp
|
|
.hljs-addition
|
|
.hljs-attribute
|
|
.hljs-meta-string
|
|
color #98c379
|
|
|
|
.hljs-built_in
|
|
.hljs-class .hljs-title
|
|
color #e6c07b
|
|
|
|
.hljs-attr
|
|
.hljs-variable
|
|
.hljs-template-variable
|
|
.hljs-type
|
|
.hljs-selector-class
|
|
.hljs-selector-attr
|
|
.hljs-selector-pseudo
|
|
.hljs-number
|
|
color #d19a66
|
|
|
|
.hljs-symbol
|
|
.hljs-bullet
|
|
.hljs-link
|
|
.hljs-meta
|
|
.hljs-selector-id
|
|
.hljs-title
|
|
color #61aeee
|
|
|
|
.hljs-emphasis
|
|
font-style italic
|
|
|
|
.hljs-strong
|
|
font-weight bold
|
|
|
|
.hljs-link
|
|
text-decoration underline
|