d55d363112
Firefox supports 'transform' without prefix, but Android still requires '-webkit-'. To be sure, include properties with '-moz-', '-webkit-' and without prefix.
33 lines
726 B
CSS
33 lines
726 B
CSS
#portal-distance {
|
|
text-align: center;
|
|
}
|
|
#portal-distance-bearing {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
#portal-distance-bearing:before, #portal-distance-bearing:after {
|
|
border-color: transparent currentcolor transparent transparent;
|
|
border-style: solid;
|
|
border-width: 0.75em 0.4em 0 0;
|
|
content: "";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
top: 0.15em;
|
|
left: 0.15em;
|
|
transform: skewY(-30deg);
|
|
-moz-transform: skewY(-30deg);
|
|
-webkit-transform: skewY(-30deg);
|
|
}
|
|
#portal-distance-bearing:after {
|
|
left: auto;
|
|
right: 0.15em;
|
|
transform: scaleX(-1) skewY(-30deg);
|
|
-moz-transform: scaleX(-1) skewY(-30deg);
|
|
-webkit-transform: scaleX(-1) skewY(-30deg);
|
|
}
|
|
|