Use inline SVG for stretchy elements (#807)

* Use inline SVG for stretchy elements

Replace all background-images with inline SVG code.

Pros:

* `\color` works in all browsers, even IE/Edge
* Better printing
* Much simpler CSS
    * No links to background-images
    * No `mask`
    * No browser-detection
* No external SVG files
* Faster first rendering

Cons

* No image caching
* Heavier HTML load
* Larger JavaScript file
* `\cancel` line is in `px` units, not `em` units

* Remove static/images from make file

* Change \cancel from px to em

* regenerate screenshots for functions using inline svg
This commit is contained in:
Ron Kok
2017-08-19 18:51:16 -07:00
committed by Kevin Barabash
parent 81037e5d10
commit a4b1bf01be
56 changed files with 534 additions and 823 deletions

View File

@@ -74,14 +74,8 @@ build/contrib:
rm -rf build/contrib/*
$(MAKE) -C contrib/auto-render
.PHONY: build/images
build/images:
rm -rf $@
mkdir -p build
cp -r static/images $@
.PHONY: build/katex
build/katex: build/katex.js build/katex.min.js build/katex.css build/katex.min.css build/fonts build/images README.md build/contrib
build/katex: build/katex.js build/katex.min.js build/katex.css build/katex.min.css build/fonts README.md build/contrib
mkdir -p build/katex
rm -rf build/katex/*
cp -r $^ build/katex