Change frac-line from border to full span (#976)

* Change frac-line from border to full span

Change `frac-line`  and `vertical-separator`.  Instead of using span borders, fill entire span using a `box-shadow`.

This change will enable more dependable engagement of the `min-height` CSS.

* Fix indentation

* Fix indent again

* Change box shadow to inline SVG

* Fix lint error

* regenerate screenshots after switching to SVG for fraction bars
This commit is contained in:
Ron Kok
2017-11-24 08:41:53 -08:00
committed by Kevin Barabash
parent fd82c4fad0
commit b2698d35ec
32 changed files with 37 additions and 8 deletions

View File

@@ -297,7 +297,6 @@
.frac-line {
display: inline-block;
width: 100%;
border-bottom-style: solid;
}
}
@@ -428,7 +427,6 @@
.underline .underline-line {
display: inline-block;
width: 100%;
border-bottom-style: solid;
}
.sqrt {
@@ -546,7 +544,18 @@
.vertical-separator {
display: inline-block;
margin: 0 -0.025em;
border-right: 0.05em solid black;
width: 0.05em;
// Set a min-width so it will display at least one screen pixel.
@media screen {
min-width: 1px;
}
// Modify min-width for retina displays. Don't force two screen pixels.
@media screen and (-webkit-min-device-pixel-ratio: 2.0),
screen and (min-resolution: 192dpi) {
min-width: 0.5px;
}
}
.arraycolsep {