1
0
Fork 0
mirror of https://github.com/uhIgnacio/igna.rocks.git synced 2024-08-15 02:23:12 +00:00
igna.rocks/assets/js/scss/_hacks.scss
2021-08-31 11:30:22 -04:00

26 lines
796 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
// Find out more here: https://github.com/IanLunn/Hover/wiki/Hacks-Explained
@mixin hardwareAccel() {
// Improve performance on mobile/tablet devices
// Perspective reduces blurryness of text in Chrome
@include prefixed(transform, perspective(1px) translateZ(0));
}
@mixin improveAntiAlias() {
// Improve aliasing on mobile/tablet devices
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
@mixin forceBlockLevel() {
// Transforms need to be block-level to work
display: inline-block;
vertical-align: middle;
}
@mixin hacks() {
@include forceBlockLevel();
@include hardwareAccel();
@include improveAntiAlias();
}