-
Notifications
You must be signed in to change notification settings - Fork 0
/
inject.styl
87 lines (87 loc) · 2.1 KB
/
inject.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
[{PSEUDO_CODE}] {
background @--pseudo-bg-color
background var(--pseudo-bg-color)
color @--pseudo-text-color
color var(@--pseudo-text-color)
font-size 14px
line-height 1.5
white-space: pre;
--pseudo-text-color #171717
--pseudo-bg-color #f6f6f6
--pseudo-code-color #ff2386
--pseudo-meta-color #6e7781
--pseudo-op-color #6e7781
--pseudo-link-color #006bff
--pseudo-def-color #9600dc
--pseudo-fn-color #007816
--pseudo-mark-color #6e7781
&[{PSEUDO}=popup]:hover {
display: block!important;
}
&
* {
font-family Fira Code, Operator Mono, Inconsolata, Hack, Droid Sans Mono, DejaVu Sans Mono, Consolas, Liberation Mono, Menlo, monospace
}
[{PSEUDO}=LINE] {
display: block;
}
[{PSEUDO}=CODE] {
color @--pseudo-code-color
color var(--pseudo-code-color)
font-family Fira Code, Operator Mono, Inconsolata, Hack, Droid Sans Mono, DejaVu Sans Mono, Consolas, Liberation Mono, Menlo, monospace
}
[{PSEUDO}=STRONG] {
font-weight bold
}
[{PSEUDO}=META] {
color @--pseudo-meta-color
color var(--pseudo-meta-color)
font-style italic
}
[{PSEUDO}=OR]
[{PSEUDO}=AND] {
color @--pseudo-op-color
color var(--pseudo-op-color)
}
[{PSEUDO}=LINK] {
color @--pseudo-link-color
color var(--pseudo-link-color)
text-decoration none
cursor pointer
transition .3s
&:hover
&.hover {
background-color @--pseudo-link-color
background-color var(--pseudo-link-color)
color white
}
}
[{PSEUDO}=DEF] {
color @--pseudo-def-color
color var(--pseudo-def-color)
text-decoration none
cursor pointer
&:hover
&.hover {
background-color @--pseudo-def-color
background-color var(--pseudo-def-color)
color white
}
}
[{PSEUDO}=FUNC_NAME]
[{PSEUDO}=FUNC_LEFT_EDGE]
[{PSEUDO}=FUNC_RIGHT_EDGE]
[{PSEUDO}=FUNC_PARAM_SEP] {
color @--pseudo-fn-color
color var(--pseudo-fn-color)
font-style italic
}
[{PSEUDO}=MARK] {
color @--pseudo-mark-color
color var(--pseudo-mark-color)
font-weight normal
font-style italic
font-size .8em
opacity .5
}
}