Skip to content

Commit ab89fc6

Browse files
sivansivan
committed
fix: fix punctuation adjustment (CJK punctuation compression) issue in certain fonts
1 parent 28f4985 commit ab89fc6

4 files changed

Lines changed: 83 additions & 81 deletions

File tree

‎_site/heti.css‎

Lines changed: 33 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -199,14 +199,14 @@
199199
padding-block-end: 12px;
200200
padding-inline-start: 16px;
201201
padding-inline-end: 16px;
202-
background-color: hsla(0deg, 0%, 0%, 0.054);
202+
background-color: hsla(0, 0%, 0%, 0.054);
203203
}
204204
[data-darkmode=dark] .heti blockquote {
205-
background-color: hsla(0deg, 0%, 100%, 0.054);
205+
background-color: hsla(0, 0%, 100%, 0.054);
206206
}
207207
@media (prefers-color-scheme: dark) {
208208
[data-darkmode=auto] .heti blockquote {
209-
background-color: hsla(0deg, 0%, 100%, 0.054);
209+
background-color: hsla(0, 0%, 100%, 0.054);
210210
}
211211
}
212212
.heti figure {
@@ -219,21 +219,21 @@
219219
margin-inline-end: auto;
220220
}
221221
.heti hr {
222-
width: 30%;
223-
height: 1px;
222+
inline-size: 30%;
223+
block-size: 1px;
224224
margin-block-start: 48px;
225225
margin-block-end: 47px;
226226
margin-inline-start: auto;
227227
margin-inline-end: auto;
228228
border: 0;
229-
background-color: hsl(0deg, 0%, 80%);
229+
background-color: hsl(0, 0%, 80%);
230230
}
231231
[data-darkmode=dark] .heti hr {
232-
background-color: hsl(0deg, 0%, 25%);
232+
background-color: hsl(0, 0%, 25%);
233233
}
234234
@media (prefers-color-scheme: dark) {
235235
[data-darkmode=auto] .heti hr {
236-
background-color: hsl(0deg, 0%, 25%);
236+
background-color: hsl(0, 0%, 25%);
237237
}
238238
}
239239
.heti p {
@@ -258,14 +258,14 @@
258258
white-space: pre;
259259
word-wrap: normal;
260260
border-radius: 4px;
261-
background-color: hsla(0deg, 0%, 0%, 0.054);
261+
background-color: hsla(0, 0%, 0%, 0.054);
262262
}
263263
[data-darkmode=dark] .heti pre {
264-
background-color: hsla(0deg, 0%, 100%, 0.054);
264+
background-color: hsla(0, 0%, 100%, 0.054);
265265
}
266266
@media (prefers-color-scheme: dark) {
267267
[data-darkmode=auto] .heti pre {
268-
background-color: hsla(0deg, 0%, 100%, 0.054);
268+
background-color: hsla(0, 0%, 100%, 0.054);
269269
}
270270
}
271271
.heti pre code {
@@ -388,15 +388,15 @@
388388
border-collapse: collapse;
389389
border-width: 1px;
390390
border-style: solid;
391-
border-color: hsl(0deg, 0%, 80%);
391+
border-color: hsl(0, 0%, 80%);
392392
word-break: break-word;
393393
}
394394
[data-darkmode=dark] .heti table {
395-
border-color: hsl(0deg, 0%, 25%);
395+
border-color: hsl(0, 0%, 25%);
396396
}
397397
@media (prefers-color-scheme: dark) {
398398
[data-darkmode=auto] .heti table {
399-
border-color: hsl(0deg, 0%, 25%);
399+
border-color: hsl(0, 0%, 25%);
400400
}
401401
}
402402
.heti th,
@@ -407,16 +407,16 @@
407407
padding-inline-end: 8px;
408408
border-width: 1px;
409409
border-style: solid;
410-
border-color: hsl(0deg, 0%, 80%);
410+
border-color: hsl(0, 0%, 80%);
411411
}
412412
[data-darkmode=dark] .heti th,
413413
[data-darkmode=dark] .heti td {
414-
border-color: hsl(0deg, 0%, 25%);
414+
border-color: hsl(0, 0%, 25%);
415415
}
416416
@media (prefers-color-scheme: dark) {
417417
[data-darkmode=auto] .heti th,
418418
[data-darkmode=auto] .heti td {
419-
border-color: hsl(0deg, 0%, 25%);
419+
border-color: hsl(0, 0%, 25%);
420420
}
421421
}
422422
.heti caption {
@@ -481,15 +481,15 @@
481481
padding-inline-end: 1px;
482482
margin-inline-start: 1px;
483483
margin-inline-end: 1px;
484-
background-color: hsla(58deg, 100%, 50%, 0.88);
484+
background-color: hsla(58, 100%, 50%, 0.88);
485485
color: inherit;
486486
}
487487
[data-darkmode=dark] .heti mark {
488-
background-color: hsla(58deg, 100%, 15%, 0.88);
488+
background-color: hsla(58, 100%, 15%, 0.88);
489489
}
490490
@media (prefers-color-scheme: dark) {
491491
[data-darkmode=auto] .heti mark {
492-
background-color: hsla(58deg, 100%, 15%, 0.88);
492+
background-color: hsla(58, 100%, 15%, 0.88);
493493
}
494494
}
495495
.heti q {
@@ -528,16 +528,16 @@
528528
}
529529
.heti sup:target,
530530
.heti sup a:target {
531-
background-color: hsl(210deg, 100%, 93%);
531+
background-color: hsl(210, 100%, 93%);
532532
}
533533
[data-darkmode=dark] .heti sup:target,
534534
[data-darkmode=dark] .heti sup a:target {
535-
background-color: hsl(210deg, 40%, 38%);
535+
background-color: hsl(210, 40%, 38%);
536536
}
537537
@media (prefers-color-scheme: dark) {
538538
[data-darkmode=auto] .heti sup:target,
539539
[data-darkmode=auto] .heti sup a:target {
540-
background-color: hsl(210deg, 40%, 38%);
540+
background-color: hsl(210, 40%, 38%);
541541
}
542542
}
543543
.heti summary {
@@ -553,14 +553,14 @@
553553
cursor: help;
554554
border-block-end-width: 3px;
555555
border-block-end-style: double;
556-
border-block-end-color: hsla(0deg, 0%, 0%, 0.54);
556+
border-block-end-color: hsla(0, 0%, 0%, 0.54);
557557
}
558558
[data-darkmode=dark] .heti u[title] {
559-
border-block-end-color: hsla(0deg, 0%, 100%, 0.54);
559+
border-block-end-color: hsla(0, 0%, 100%, 0.54);
560560
}
561561
@media (prefers-color-scheme: dark) {
562562
[data-darkmode=auto] .heti u[title] {
563-
border-block-end-color: hsla(0deg, 0%, 100%, 0.54);
563+
border-block-end-color: hsla(0, 0%, 100%, 0.54);
564564
}
565565
}
566566
.heti address,
@@ -821,32 +821,32 @@
821821
.heti .heti-fn {
822822
margin-block-start: 59px;
823823
border-block-start: 1px solid;
824-
border-block-start-color: hsl(0deg, 0%, 80%);
824+
border-block-start-color: hsl(0, 0%, 80%);
825825
font-size: 14px;
826826
font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
827827
line-height: 24px;
828828
}
829829
[data-darkmode=dark] .heti .heti-fn {
830-
border-block-start-color: hsl(0deg, 0%, 25%);
830+
border-block-start-color: hsl(0, 0%, 25%);
831831
}
832832
@media (prefers-color-scheme: dark) {
833833
[data-darkmode=auto] .heti .heti-fn {
834-
border-block-start-color: hsl(0deg, 0%, 25%);
834+
border-block-start-color: hsl(0, 0%, 25%);
835835
}
836836
}
837837
.heti .heti-fn ol {
838838
margin-block-start: 12px;
839839
margin-block-end: 0;
840840
}
841841
.heti .heti-fn li:target {
842-
background-color: hsl(210deg, 100%, 93%);
842+
background-color: hsl(210, 100%, 93%);
843843
}
844844
[data-darkmode=dark] .heti .heti-fn li:target {
845-
background-color: hsl(210deg, 40%, 38%);
845+
background-color: hsl(210, 40%, 38%);
846846
}
847847
@media (prefers-color-scheme: dark) {
848848
[data-darkmode=auto] .heti .heti-fn li:target {
849-
background-color: hsl(210deg, 40%, 38%);
849+
background-color: hsl(210, 40%, 38%);
850850
}
851851
}
852852
.heti .heti-hang {
@@ -891,6 +891,7 @@
891891
.heti heti-adjacent {
892892
display: inline;
893893
text-spacing-trim: space-all;
894+
unicode-bidi: isolate;
894895
}
895896
.heti .heti-adjacent-half {
896897
margin-inline-end: -0.5em;

0 commit comments

Comments
 (0)