Eu entendo que usando compressão CSS diferenteNão deve ter qualquer efeito sobre o resultado do site (exceto tamanho de arquivo menor), mas meu site quebra completamente quando eu definir o Compass para cuspir CSS compactado.
Eu não tenho certeza o que é que quebra, mas eu acredito que é Susy que colide com alguma outra função Compass como as funções de imagem inline sprite ou base64.
Para não colar muito código nesta questão, aqui estão dois links para demonstrar (mesma fonte, gerada segundos de intervalo)
Usando output_style =: expandido no config.rb (tudo funciona): http://davidpaulsson.se/expanded/
Usando output_style =: comprimido no config.rb (quebras de layout): http://davidpaulsson.se/compressed/
Eu estou usando o Jekyll para gerar os arquivos estáticos e os arquivos de origem estão disponíveis no Github: https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass
Respostas:
1 para resposta № 1O problema é com este pedaço de código (_general.scss, linha 208):
@media screen and (max-width: 769px) {
-webkit-text-size-adjust:none;
}
Aqui você tem uma declaração CSS sem um seletor, que é inválido.
O SASS deveria "ter produzido um erro. Talvez não tenha conseguido isso por causa da @media wrapper que parece um seletor.
Eu não tenho certeza do que essa propriedade CSS faz, tente aplicá-la html ou *:
@media screen and (max-width: 769px) {
html {
-webkit-text-size-adjust:none;
}
}