Skip to content

Commit fb018a4

Browse files
committed
Revert "fix: 修复新闻页面里 h2 h3 标签被错误的识别为链接"
This reverts commit fd64251.
1 parent 8ffc054 commit fb018a4

File tree

3 files changed

+118
-140
lines changed

3 files changed

+118
-140
lines changed

assets/index.scss

Lines changed: 118 additions & 122 deletions
Original file line numberDiff line numberDiff line change
@@ -10,19 +10,20 @@ $bg-secondary: #3f6075;
1010
$common-margin: 24px;
1111

1212
@use 'heti'
13-
with ($line-length: none,
14-
$darkmode: 'manual',
15-
$manualmode-dark-selector: 'body.dark &',
16-
$font-size-h2: normal,
17-
$line-height-size-h2: normal,
18-
$std-block-unit: 16px,
19-
20-
// TODO: discussion on website font config
21-
// Heti's default font family displays Chinese quotes half-width
22-
// so they have been removed for backward compatibility.
23-
$_font-stack-sans: '',
24-
$_font-stack-serif: ''
25-
);
13+
with(
14+
$line-length: none,
15+
$darkmode: 'manual',
16+
$manualmode-dark-selector: 'body.dark &',
17+
$font-size-h2: normal,
18+
$line-height-size-h2: normal,
19+
$std-block-unit: 16px,
20+
21+
// TODO: discussion on website font config
22+
// Heti's default font family displays Chinese quotes half-width
23+
// so they have been removed for backward compatibility.
24+
$_font-stack-sans: '',
25+
$_font-stack-serif: ''
26+
);
2627

2728
.heti {
2829
> :not(h2) {
@@ -48,146 +49,141 @@ with ($line-length: none,
4849
> :first-child {
4950
margin-top: 0;
5051
}
51-
5252
> :last-child {
5353
margin-bottom: 0;
5454
}
5555
}
56-
56+
5757
table {
5858
max-width: calc(100% - 2*$common-margin);
5959
}
6060
}
6161

62-
@layer utilities {
63-
:root {
64-
--font-family-monospace:
65-
'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', -apple-system,
66-
monospace;
67-
}
68-
69-
.container-p p:not(:last-of-type) {
70-
margin-bottom: 1.5rem;
71-
}
62+
.category-second,
63+
.heti h2 {
64+
font-weight: normal;
65+
background-color: var(--secondary);
66+
display: flex;
67+
height: 2rem;
68+
align-items: center;
69+
justify-content: space-between;
70+
padding: 5px 10px;
71+
color: white;
72+
user-select: none;
73+
}
7274

73-
.category-second {
74-
justify-content: space-between;
75-
}
75+
:root {
76+
--font-family-monospace:
77+
'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', -apple-system,
78+
monospace;
79+
}
7680

77-
.category-second,
78-
.heti h2 {
79-
font-weight: normal;
80-
background-color: var(--secondary);
81-
display: flex;
82-
height: 2rem;
83-
align-items: center;
84-
padding: 5px 10px;
85-
color: white;
86-
user-select: none;
87-
}
81+
.theme-bg-color-secondary-static {
82+
background-color: var(--secondary);
83+
}
8884

89-
.theme-bg-color-secondary-static {
90-
background-color: var(--secondary);
91-
}
85+
.theme-bg-color-primary-static {
86+
background-color: var(--primary);
87+
}
9288

93-
.theme-bg-color-primary-static {
94-
background-color: var(--primary);
95-
}
89+
.theme-bg-color-primary-secondary {
90+
background-color: var(--primary);
91+
}
9692

97-
.theme-bg-color-primary-secondary {
98-
background-color: var(--primary);
99-
}
93+
.theme-bg-color-primary-secondary:hover {
94+
background-color: var(--secondary);
95+
}
10096

101-
.theme-bg-color-primary-secondary:hover {
102-
background-color: var(--secondary);
103-
}
97+
.theme-bg-color-secondary-primary {
98+
background-color: var(--secondary);
99+
}
104100

105-
.theme-bg-color-secondary-primary {
106-
background-color: var(--secondary);
107-
}
101+
.theme-bg-color-secondary-primary:hover {
102+
background-color: var(--primary);
103+
}
108104

109-
.theme-bg-color-secondary-primary:hover {
110-
background-color: var(--primary);
111-
}
105+
.theme-border-primary {
106+
border-color: var(--primary);
107+
}
112108

113-
.theme-border-primary {
114-
border-color: var(--primary);
115-
}
109+
.theme-border-secondary {
110+
border-color: var(--secondary);
111+
}
116112

117-
.theme-border-secondary {
118-
border-color: var(--secondary);
113+
@layer utilities {
114+
.container-p p:not(:last-of-type) {
115+
margin-bottom: 1.5rem;
119116
}
117+
}
120118

121-
.theme-text-primary {
122-
color: var(--primary);
123-
}
119+
.theme-text-primary {
120+
color: var(--primary);
121+
}
124122

125-
table {
126-
width: 100%;
127-
max-width: 100%;
128-
font-size: 12pt;
129-
background-color: #fff;
130-
overflow: auto;
131-
border-collapse: collapse;
132-
133-
tr {
134-
135-
th,
136-
td {
137-
border: 1px solid $bg-secondary;
138-
}
123+
table {
124+
width: 100%;
125+
max-width: 100%;
126+
font-size: 12pt;
127+
background-color: #fff;
128+
overflow: auto;
129+
border-collapse: collapse;
130+
131+
tr {
132+
th,
133+
td {
134+
border: 1px solid $bg-secondary;
139135
}
140136
}
137+
}
141138

142-
thead {
143-
text-align: left;
144-
}
139+
thead {
140+
text-align: left;
141+
}
145142

146-
th {
147-
font-weight: bold;
148-
background-color: $th-bg-color;
149-
border-bottom: 1px dashed #eee;
150-
}
143+
th {
144+
font-weight: bold;
145+
background-color: $th-bg-color;
146+
border-bottom: 1px dashed #eee;
147+
}
151148

152-
tr:nth-child(2n + 1) {
153-
background-color: $bg-color;
154-
border-bottom: 1px solid #fff;
155-
}
149+
tr:nth-child(2n + 1) {
150+
background-color: $bg-color;
151+
border-bottom: 1px solid #fff;
152+
}
156153

157-
th,
158-
td {
159-
padding: 6px 7px;
160-
line-height: 24px;
161-
}
154+
th,
155+
td {
156+
padding: 6px 7px;
157+
line-height: 24px;
158+
}
162159

163-
td {
164-
min-width: 120px;
165-
border: 1px dashed #fff;
166-
}
160+
td {
161+
min-width: 120px;
162+
border: 1px dashed #fff;
163+
}
167164

168-
/* HTML: <div class="loader"></div> */
169-
.loader {
170-
width: fit-content;
171-
font-weight: bold;
172-
font-family: sans-serif;
173-
font-size: 30px;
174-
padding-bottom: 8px;
175-
background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
176-
animation: l2 2s linear infinite;
177-
background-color: rgba(122, 122, 122, 0);
178-
}
165+
/* HTML: <div class="loader"></div> */
166+
.loader {
167+
width: fit-content;
168+
font-weight: bold;
169+
font-family: sans-serif;
170+
font-size: 30px;
171+
padding-bottom: 8px;
172+
background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
173+
animation: l2 2s linear infinite;
174+
background-color: rgba(122, 122, 122, 0);
175+
}
179176

180-
.loader:before {
181-
content: 'Loading...';
182-
}
177+
.loader:before {
178+
content: 'Loading...';
179+
}
183180

184-
@keyframes l2 {
185-
to {
186-
background-size: 100% 3px;
187-
}
181+
@keyframes l2 {
182+
to {
183+
background-size: 100% 3px;
188184
}
185+
}
189186

190-
.language-menu {
191-
margin-top: -7px;
192-
}
193-
}
187+
.language-menu {
188+
margin-top: -7px;
189+
}

components/content/ProseH2.vue

Lines changed: 0 additions & 9 deletions
This file was deleted.

components/content/ProseH3.vue

Lines changed: 0 additions & 9 deletions
This file was deleted.

0 commit comments

Comments
 (0)