Files
Hydro/packages/ui-default/components/highlighter/highlighter.page.styl
T

99 lines
1.8 KiB
Stylus
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@import 'prism-themes/themes/prism-vs.css'
pre, code
background: $syntax-hl-bg-color
pre > code
background: none
line-height: 1.5
color: black
text-align: left
white-space: pre-wrap
word-spacing: normal
word-break: normal
tab-size: 4
hyphens: none
pre
position: relative
padding: rem(5px)
margin-bottom: rem(20px)
code
color: $code-color
font-size: rem($font-size-secondary)
.line-highlight
position: absolute
left: 0
right: 0
padding: inherit 0
margin-top: 1em /* Same as .prism’s padding-top */
background: hsla(24, 20%, 50%,.08)
background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0))
pointer-events: none
line-height: inherit
white-space: pre
.sample > .toolbar
right: 0.9375em !important
top: 3.7875em !important
.toolbar
position: absolute
white-space: no-wrap
right: 0 !important
top: 0 !important
padding: rem(5px) 0
opacity: 1 !important
background: rgba($syntax-hl-bg-color, 0.8)
font-family: $primary-font-family
pointer-events: all
user-select: none
.toolbar-item
a
font-size: large !important
border-radius: 0px !important
background: none !important
.scratchpad-fill-button
display: none
.mode--scratchpad .scratchpad-fill-button
display: inline-block
.token.tab:not(:empty),
.token.cr,
.token.lf,
.token.space
position: relative
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before,
.token.space:before
color: #808080
opacity: 0.6
position: absolute
.token.tab:not(:empty):before
content: '\21E5'
.token.cr:before
content: '\240D'
.token.crlf:before
content: '\240D\240A'
.token.lf:before
content: '\240A'
.token.space:before
content: '\00B7'
@media print {
.code-toolbar>.toolbar {
display: none !important;
}
}