/* Highlight */
.highlight {
position: relative;
background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#CCC 0);
background-size: 200%;
background-position: 0;
padding-right: .5rem;
padding-left: .5rem;
transition: background-position .8s;
&.highlight-bg-opacity {
background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%, rgba(#CCC, 0.2) 0);
}
&.highlight-change-text-color {
color: #FFF;
}
&.highlight-animated {
&.highlight-animated-start {
@include if-ltr() {
background-position: -100%;
}
@include if-rtl() {
background-position: 100%;
}
}
}
}