patrick/KaTeX
1
0
Fork 0
mirror of https://github.com/Smaug123/KaTeX synced 2025-10-05 11:18:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update {b,x}cancel to have a 0.5px transition in gradient so that the lines are antialiased (#761)

Browse Source
This commit is contained in:
Kevin Barabash
2017-07-22 15:42:43 -07:00
committed by GitHub
parent e7658ccd76
commit 8c53698b35
3 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
static/katex.less
View File

@@ -796,10 +796,10 @@
background: background:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -807,10 +807,10 @@
background: background:
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -818,17 +818,17 @@
background: background:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%), rgba(0,0,0,0) 100%),
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -883,10 +883,10 @@
background: background:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -895,10 +895,10 @@
background: background:
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -907,17 +907,17 @@
background: background:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%), rgba(0,0,0,0) 100%),
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
} }
@@ -926,18 +926,18 @@
mask-image: mask-image:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
-webkit-mask-image: -webkit-mask-image:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -945,18 +945,18 @@
mask-image: mask-image:
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
-webkit-mask-image: -webkit-mask-image:
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }
@@ -964,32 +964,32 @@
mask-image: mask-image:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%), rgba(0,0,0,0) 100%),
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
-webkit-mask-image: -webkit-mask-image:
linear-gradient(to top left, linear-gradient(to top left,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%), rgba(0,0,0,0) 100%),
linear-gradient(to top right, linear-gradient(to top right,
rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
rgba(0,0,0,0) ~"calc(50% - 0.04em)", rgba(0,0,0,0) ~"calc(50% - 0.04em - 0.5px)",
rgba(0,0,0,1) ~"calc(50% - 0.04em)", rgba(0,0,0,1) ~"calc(50% - 0.04em)",
rgba(0,0,0,1) ~"calc(50% + 0.04em)", rgba(0,0,0,1) ~"calc(50% + 0.04em)",
rgba(0,0,0,0) ~"calc(50% + 0.04em)", rgba(0,0,0,0) ~"calc(50% + 0.04em + 0.5px)",
rgba(0,0,0,0) 100%); rgba(0,0,0,0) 100%);
} }

BIN
test/screenshotter/images/StrikeThrough-chrome.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

BIN
test/screenshotter/images/StrikeThrough-firefox.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 24 KiB