/*Used for applying style to a <span> so it looks like a highlight*/
.fauxHighlight {
background-color: rgb(0, 255, 0);
color: rgb(0, 255, 0) !important;
}
.fauxHighlightSquare {
background-color: rgb(0, 255, 0);
color: rgb(0, 255, 0) !important;
}
.opaqueHighlight {
-webkit-tap-highlight-color: rgb(0, 255, 0);
}
.target {
cursor: pointer; /* enables link highlighting */
-webkit-tap-highlight-color: rgb(0, 255, 0);
border: 2px solid grey;
box-sizing: border-box;
}
.transparentHighlight {
-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5);
}
a, a:active, a:visited {
text-decoration: none;
color: blue;
}
/*Used for a floating DIV simulating a highlight*/
.highlightDiv {
background-color: rgb(0, 255, 0);
z-index: 1;
position: absolute;
}
.squaredHighlight {
-webkit-border-radius: 0px;
}
.composited {
will-change: transform;
transform: translateZ(0);
}