feat: add span rules to avoid user overriden by simply span selecto…

…r. (#575)
Myriad-Dreamin · Aug 10, 2024 · 5cc1c42 · 5cc1c42
1 parent 507d4e1
commit 5cc1c42
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 1 deletion.
diff --git a/github-pages/assets/style.css b/github-pages/assets/style.css
@@ -17,6 +17,8 @@ body {
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;

diff --git a/packages/typst.angular/projects/typst.angular/src/lib/typst.document.component.css b/packages/typst.angular/projects/typst.angular/src/lib/typst.document.component.css
@@ -7,6 +7,8 @@
 }
 
 :host ::ng-deep .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;

diff --git a/packages/typst.react/src/lib/TypstDocument.tsx b/packages/typst.react/src/lib/TypstDocument.tsx
@@ -17,6 +17,8 @@ const htmlLayerCss = `
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;

diff --git a/packages/typst.ts/examples/typst.ts.css b/packages/typst.ts/examples/typst.ts.css
@@ -21,6 +21,8 @@ body {
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;

diff --git a/packages/typst.ts/index.html b/packages/typst.ts/index.html
@@ -55,6 +55,8 @@
       }
 
       .typst-html-semantics span {
+        color: transparent;
+        font-family: monospace;
         transform-origin: left top;
         position: absolute;
         display: inline-block;

diff --git a/projects/hexo-renderer-typst/lib/typst.css b/projects/hexo-renderer-typst/lib/typst.css
@@ -39,6 +39,8 @@
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;
@@ -66,7 +68,7 @@
 
 .typst-html-semantics span::-moz-selection {
   color: transparent;
-  background: #7db9dea0;
+  background: #7db9de;
 }
 
 .typst-html-semantics span::selection {