There is a bug about opacity in webkit-based browsers, when using specific font family that have variable size or decorative swashes (eg. Zapfino)
If you apply opacity by following way, the first letter will be cut.
opacity: 0.5
To avoid that, you can use rgba color
color: grba($color, .5)
See for example: