Polish singleStat+lineGraph shadow even further

Preventing the shadow from being way larger than the text above it
pull/1600/head
Alex P 2017-06-13 14:59:47 -07:00
parent 07a9a7c6a1
commit 923e5071a5
2 changed files with 8 additions and 4 deletions

View File

@ -189,7 +189,7 @@ export default React.createClass({
'single-stat--small': cellHeight === SMALL_CELL_HEIGHT,
})}
>
{roundedValue}
<span className="single-stat--shadow">{roundedValue}</span>
</span>
</div>
: null}

View File

@ -169,17 +169,21 @@
line-height: 34px;
}
}
.single-stat-line .single-stat--value:after {
.single-stat--shadow {
position: relative;
display: inline-block;
}
.single-stat--shadow:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 50%;
width: 110%;
height: 0;
transform: translate(-50%,-50%);
box-shadow: fade-out($g2-kevlar, 0.3) 0 0 50px 30px;
z-index: -1;
}
.single-stat-line .single-stat--value.single-stat--small:after {
.single-stat--small .single-stat--shadow:after {
box-shadow: fade-out($g2-kevlar, 0.3) 0 0 30px 10px;
}