Использование output_style =: сжатый ломает макет Susy

Question

Я понимаю, что использование другого сжатия CSS на самом деле не должно оказывать никакого влияния на результат сайта (кроме меньшего размера файла), но мой сайт полностью ломается, когда я настраиваю Compass выплевывать сжатый CSS.

Я не уверен, что именно ломается, но я верю, что именно Сьюзи сталкивается с некоторыми другими функциями компаса, такими как встроенные функции изображений sprite или base64.

Чтобы не вставлять слишком много кода в этот вопрос, вот две ссылки для демонстрации (один и тот же источник, сгенерированный с интервалом в несколько секунд)

Использование output_style =: расширен в config.rb (все работает): http://davidpaulsson.se/expanded/

Использование output_style =: сжато в config.rb (разрывы макета): http://davidpaulsson.se/compressed/

Я использую Jekyll для генерации статических файлов, а исходные файлы доступны на Github: https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass

Answer 1

Проблема в следующем фрагменте кода ( _general.scss, строка 208):

@media screen and (max-width: 769px) {  
    -webkit-text-size-adjust:none;
}

Здесь у вас есть объявление CSS без селектора, что недопустимо.

SASS должен был выдать ошибку. Может быть, это не удалось сделать из-за @media обертка, которая вроде как селектор.

Я не уверен, что делает это свойство CSS, попробуйте применить его к html или же *:

@media screen and (max-width: 769px) {
    html {
        -webkit-text-size-adjust:none;
    }
}