blob: a4e48ffc3de830cc5a0e524b01c359529c063107 (
plain)
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
// 统一字体权重
font-weight-normal()
font-weight 400
// 代码块基础样式
code
text-style(code-highlight)
font-weight 400
pre,
code,
kbd,
samp
font-family $font-family-code
.code
pre
span
text-style(code-default)
font-weight 400
// 代码高亮区域 - 设置整体背景色
.highlight
margin 0 0 $margin-m-2 0
overflow-x auto
border 1px solid $color-border
border-radius $margin-s-1
// 代码块背景色
background-color $color-code-background
.line
width $margin-l-2
table
margin 0
border-spacing 0
border none
// 表格继承背景色
background-color transparent
td.code
padding 0 $margin-s-1 0 $margin-m-0
pre
font-weight 400
background-color transparent
// 行号列 - 与代码块背景色保持一致
td.gutter
width $margin-l-0
padding 0 $margin-m-0
vertical-align top
position -webkit-sticky
position sticky
left 0
// 与代码块背景色一致
background-color $color-code-background
// 添加右边框分隔
border-right 1px solid $color-border
// 确保层级正确
z-index 1
pre
margin 0
color $color-code-marker
font-size $font-size-code
font-weight 400
background-color transparent
// 代码列
td.code
vertical-align top
background-color transparent
pre
margin 0
font-weight 400
background-color transparent
// 所有 pre 标签
pre
margin 0
overflow-x auto
font-weight 400
// 移除内联代码背景（在代码块中不需要）
.highlight code
background-color transparent
padding 0
@media (max-width: 688px)
code
font-size 0.75rem
.highlight
pre
font-size 0.75rem
td.gutter
width $margin-m-2
padding-right $margin-s-2
font-size 0.6875rem
background-color $color-code-background
|
