Prevent hovering on tabs from causing text flicker (#492)

* Prevent hovering on tabs from causing text flicker

For some reason, geometricPrecision was causing text to flicker on
non-retina screens when hovering over the tabs

* Use a pixel ratio media query for text-rendering on retina displays
This commit is contained in:
Mike 2016-08-02 13:09:54 -06:00 committed by Guillermo Rauch
parent becced8057
commit 2d4b518519

View file

@ -12,9 +12,15 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
text-rendering: geometricPrecision; text-rendering: optimizeLegibility;
box-sizing: border-box; box-sizing: border-box;
} }
@media (min-resolution: 2dppx) {
* {
text-rendering: geometricPrecision;
}
}
</style> </style>
</head> </head>