Polish singleStat+lineGraph shadow even further
Preventing the shadow from being way larger than the text above itpull/1600/head
parent
07a9a7c6a1
commit
923e5071a5
|
@ -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}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue