Hover/scss/hover/_hacks.scss

22 lines
634 B
SCSS

// As is often the case, some devices/browsers need additional code to get CSS to work
// in the most desired way. These mixins are used to quickly drop in hacks for each element
@mixin hideTapHighlightColor() {
//Prevent highlight colour when element is tapped
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@mixin hardwareAccel() {
//Improve performance on mobile/tablet devices
transform: translateZ(0);
}
@mixin improveAntiAlias() {
//Improve aliasing on mobile/tablet devices
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
%hacks{
@include hideTapHighlightColor();
@include hardwareAccel();
@include improveAntiAlias();
}