selectors - sass to css
Comentarios condicionales de IE con Sass y Bourbon (1)
Quiero servir diferentes fuentes para diferentes navegadores (vea esta pregunta ).
¿Hay alguna manera hábil de hacer esto con Sass / Bourbon?
Esto es lo que tengo hasta ahora:
<!--[if IE]> -->
@include font-face("myicons", "myicons", $weight: normal, $style: normal,
$asset-pipeline: false);
<![endif]-->
<!--[if !IE]> -->
@include font-face("myicons", "myicons", $weight: normal, $style: normal,
$asset-pipeline: true);
<![endif]-->
Este problema está fuera del alcance de sass, porque es solo un preprocesador y no tiene ni idea del navegador. También está fuera de las condiciones de decisión del alcance CSS para diferentes navegadores.
Podrías hacer esto agregando una clase ie8 al html como lo hace html5 y luego usar una regla css para activar la fuente.
body {
@include font-face("myicons", "myicons", $weight: normal, $style: normal, $asset-pipeline: false);
.ie8 & {
@include font-face("myicons", "myicons", $weight: normal, $style: normal, $asset-pipeline: true);
}
}
y en el archivo html
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->