Използване на output_style =: компресирани прекъсвания Оформление на Susy - css, sass, compass-sass, susy-compass

Разбирам, че използвайки различна CSS компресияне би трябвало да има никакъв ефект върху резултата на сайта (с изключение на по-малкия размер на файла), но сайтът ми се разваля напълно, когато поставих Compass да изплюе компресиран CSS.

Аз не съм сигурен какво е това, което прекъсва, но аз вярвам, че е Susy, която се сблъсква с някаква друга функция на Compass като sprite или base64 inline image функции.

За да не поставяте твърде много код в този въпрос, ето две връзки, които да се покажат (един и същ източник, генерирани секунди)

Използвайки 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

Отговори:

Проблемът е с тази част от кода (_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;
}
}