Entiendo que usando diferentes compresiones CSSRealmente no debería tener ningún efecto en el resultado del sitio (excepto en el tamaño del archivo más pequeño), pero mi sitio se rompe por completo cuando configuro Compass para escupir CSS comprimido.
No estoy seguro de qué es lo que se rompe, pero creo que es Susy la que choca con alguna otra función de Compass como el sprite o las funciones de imagen en línea base64.
Para no pegar demasiado código en esta pregunta, aquí hay dos enlaces para demostrar (la misma fuente, generados en segundos)
Utilizando output_style =: expandido En config.rb (todo funciona): http://davidpaulsson.se/expanded/
Utilizando output_style =: comprimido en config.rb (saltos de diseño): http://davidpaulsson.se/compressed/
Estoy usando Jekyll para generar los archivos estáticos, y los archivos de origen están disponibles en Github: https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass
Respuestas
1 para la respuesta № 1El problema está en esta pieza de código (_general.scss, línea 208)
@media screen and (max-width: 769px) {
-webkit-text-size-adjust:none;
}
Aquí tienes una declaración CSS sin un selector, que no es válido.
SASS debería haber producido un error. Tal vez no lo hizo debido a la @media envoltura que un poco parece un selector.
No estoy seguro de lo que hace esta propiedad CSS, intente aplicarlo a html o *:
@media screen and (max-width: 769px) {
html {
-webkit-text-size-adjust:none;
}
}